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 动态表格使 ...
随机推荐
- 剑指offer-第四章解决面试题思路(二叉收索树和双向链表)
题目:输入一个二叉收索树,将二叉搜索树转换成排序的双向链表.要求不能创建节点,只能将链表中的指针进行改变. 将复杂的问题简单化:思路:二叉收索树,本身是一个排序结构,中序遍历二叉收索树就可以得到一组排 ...
- 利用Github免费搭建个人主页(个人博客)
之前闲着, 利用Github搭了个免费的个人主页. 涉及: Github注册 Github搭建博客 域名选购 绑定域名 更多 一 Github注册 在地址栏输入地址:http://github.co ...
- aspupload ,在winows server 2008 下无法使用
aspupload ,在winows server 2008 下无法使用.求助解决办法 2014-01-12 13:31 goolean | 浏览 775 次 操作系统 aspupload64位,安装 ...
- python一个简单的web服务器和客户端
服务器: 当客户联系时创建一个连接套接字 从这个连接接收HTTP请求(*) 解释该请求所请求的特定文件 从服务器的文件系统获取该文件 并发送文件内容 ...
- lnmp centos7 memcache服务器端 和 memcache memcached扩展的安装
在项目开发的时候有用到memcache,自己在本地需要搭建一个memcache环境,用于开发和测试; wget http://www.memcached.org/files/memcached-1.5 ...
- 【转】在Linux下使用Jmeter执行测试任务
想在Linux下运行jmeter必须先安装jdk,安装步骤如下: (1).下载一个linux可用的jdk包(比如:jdk-6u45-linux-i586.bin), (2).然后将jdk-6u45-l ...
- spring bean id重复覆盖的问题解决
问题: 当我们的web应用做成一个大项目之后,里面有很多的bean配置,如果两个bean的配置id是一样的而且实现类也是一样的,例如有下面两份xml的配置文档: beancontext1.xml &l ...
- Java-Runoob-高级教程:Java 9 新特性
ylbtech-Java-Runoob-高级教程:Java 9 新特性 1.返回顶部 1. Java 9 新特性 Java 9 发布于 2017 年 9 月 22 日,带来了很多新特性,其中最主要的变 ...
- PHP交易详情有感
交易详情 一般都是按月的, 包含,交易日期,交易金额,交易状态(可有可无) 总交易额等等. 如果数据多的话,最好能够分页. 最好能够查询具体的哪一个商户. 1.模拟sql实现查询功能 SELECT a ...
- 巧妙的运用group,count,order有利于统计
$aAwardMem = $this->dao_raward->getAwardAndMem($where,array('award_cat asc','award_level asc') ...