jqgrid 编辑表格(包含下拉框)
.1在jqgrid 按钮
<asp:JQGridColumn TextAlign="Center" Width="" DataField="act" Visible="True" HeaderText="编辑"></asp:JQGridColumn>
1.2
在jqgrid的客户端事件中绑定如下方法 function gridComplete() {
var ids = jQuery("#jq2").jqGrid('getDataIDs');
for (var i = ; i < ids.length; i++) {
var id = ids[i];
be = "<input style='height:22px;width:60px;' type='button' class='button' iconcls='icon-edit' value='编辑' onclick=\"editRow('"
+ id + "'," + true + ");\" id=btn_" + id + " />";
se = "<input style='height:22px;width:60px;' type='button' value='保存' iconcls='icon-save' onclick=\"saveRow('"
+ id + "');\" />";
//ce = "<input style='height:22px;width:60px;' type='button' value='恢复' iconcls='icon-cancel' onclick=\"jQuery('#jq2').restoreRow('"
// + id + "');\" />";
jQuery("#jq2").jqGrid('setRowData', ids[i],
{
act: be + se
});
}
} function editRow(id) {
jQuery('#jq2').editRow(id, true);
$("#btn_" + id).attr("disabled", true);
} function saveRow(id) {
jQuery("#jq2").jqGrid('saveRow', id);
$("#btn_" + id).attr("disabled", false);
// $("#jq2").saveRow(id); //112801:加上;112802:乘上;112803:减去
// $("#jq2").jqGrid("setGridParam", { page: 1 }).trigger("reloadGrid");
} .把EditType:DropDown
<asp:JQGridColumn DataField="ShockValueType" Visible="true" HeaderText="绝对值或百分比" EditType="DropDown" Editable="true">
<Formatter>
<asp:CustomFormatter FormatFunction="InstrumentChangeType" />
</Formatter>
</asp:JQGridColumn> .在后台绑定EditValues public void BindEditValues()
{
QueryInfo ShockModelInfo = new QueryInfo("SysEnumDic");
ShockModelInfo.AddParam("ParentCode", "Shock_Mode");
var shockModels = Holworth.Utility.HraUtility.ListToT<SysEnumDic>(Dao.FindList(ShockModelInfo)).ToList();
var shockModelStr = "";
shockModels.ForEach(s =>
{
shockModelStr += (int)s.EnumValue + ":" + s.EnumName + ";";
});
shockModelStr = shockModelStr.TrimEnd(';');
jq2.Columns[].EditValues = shockModelStr;
}
jqgrid 编辑表格(包含下拉框)的更多相关文章
- bootstrap中table页面做省市区级联效果(级联库见前面级联编辑)(非select下拉框)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- dojo:如何为表格添加从数据库获得存储的下拉框
为表格添加下拉框的例子官网上就有,但如果下拉框的数据是从数据库请求的.需要有一些注意的地方. 首先希望实现的效果如下图所示: 表格初始数据为空,点击查询后获得表格表格数据,但下拉框的数据是在对应的fo ...
- 【Layui】当Layui数据表格和Layui下拉框组合时发生的问题
关于Layui数据表格用下拉框显示问题 如图所示 可以看见当点击下拉框时下拉选项被下拉框覆盖 此时你需要在数据表格渲染完成时的回调内添加如下代码即可 $(".sel_scrq"). ...
- Layui:设置select下拉框自动选中某项
1.问题:layUI,在做编辑功能有下拉框数据时,需要初始化选中某个值,layUI官网没有相关api,可能我比较笨没找到 2.解决思路:出发点击事件 3.分析dom树结构,出发dl点击事件 方法: v ...
- EasyExcel导出创建Excel下拉框
话不多说,上才艺. 下面代码粘贴即用 /** * * 导出表格带下拉框 */ @GetMapping("exportBox") public void export(HttpSer ...
- easyui源码翻译1.32--ComboGrid(数据表格下拉框)
前言 扩展自$.fn.combo.defaults和$.fn.datagrid.defaults.使用$.fn.combogrid.defaults重写默认值对象.下载该插件翻译源码 数据表格下拉框结 ...
- layui-table-column-select(layui数据表格可搜索下拉框select)
layuiTableColumnSelect 在layui table的基础上对表格列进行扩展:点击单元格显示可搜索下拉列表. 码云地址:https://gitee.com/yangqianlong9 ...
- 用MVC的辅助方法自定义了两个控件:“可编辑的下拉框控件”和“文本框日历控件”
接触MVC也没多长时间,一开始学的时候绝得MVC结构比较清晰.后来入了门具体操作下来感觉MVC控件怎么这么少还不可以像ASP.net form那样拖拽.这样设计界面来,想我种以前没学过JS,Jquer ...
- knockoutjs foreach array绑定 表格 下拉框绑定
转载http://desert3.iteye.com/blog/1480471 knockoutjs foreach array绑定 表格 下拉框绑定 博客分类: Javascript 动态表格使 ...
随机推荐
- verilog中task的用法
任务就是一段封装在“task-endtask”之间的程序.任务是通过调用来执行的,而且只有在调用时才执行,如果定义了任务,但是在整个过程中都没有调用它,那么这个任务是不会执行的.调用某个任务时可能需要 ...
- 3 循环语句——《Swift3.0从入门到出家》
3 循环语句 当一段代码被多次重复利用的使用我们就使用循环 swift提供了三种形式的循环语句 1.while 循环 2.repeat — while 循环 3.for — in 循环 while 循 ...
- Ubuntu的复制粘贴操作及常用快捷键(摘自网络)
Ubuntu的复制粘贴操作 终端最大化快捷键:crtl + win + 上 1.最为简单,最为常用的应该是鼠标右键操作了,可以选中文件,字符等,右键鼠标,复制,到目的地右键鼠标,粘贴就结束了. 2.快 ...
- vuejs angularjs 框架的一些比较(vue项目重构四)
使用Angularjs和Vue.js对比 首先需要说明的是:现在默认angularjs指angular1.0+版本,angular默认指2.0以上版本.本文的名词也默认指定angular的1.0+版本 ...
- PDF通过剪裁来实现打印字体变大
之前打印论文,很多都是一页两版,这个时候字体会非常小:打印缩放放大后,字又容易出了打印边界. 这种情况可以采用Adobe IX Pro(只要是pro应该都可以)进行边缘裁剪来实现字体放大.只需要剪裁( ...
- 用dwr封装表单项提交表单
首先,配置dwr环境,网上很多资料都说得很详细,这里就不写了. dwr封装form表单项,需要用到dwr定义的一个js方法:DWRUtil.getValues(yourform),这个方法可以返回一个 ...
- Tomcat起了一个测试桩,调用该测试桩无响应
有时在测试新业务流程时因为涉及多个不同接口的调用,而这些被调用的服务端因为网络权限或开发进度问题暂时对我们不可达,那么我们可以通过模拟接口返回来完成我们新业务的测试.这次碰到的问题是我明明起了该测试桩 ...
- oracle 索引,组合索引
1. 组合索引 id,code 组合 id,number 组合 2. 排序cost 使用 id ,cost=0 使用 id+code cost=0 使用 id+number cost= ...
- FPGA前世今生(二)
上期我们介绍了关于FPGA内部最基本的结构,在quartus下可以看到整体的结构. 这是在平面规划图下看到的结构,其中蓝色的小格代表一个LAB.四周边上浅棕色的小格代表IO口. 这是一个LAB的内部结 ...
- Box2D学习blog
http://www.ladeng6666.com/blog/category/box2d/