eaysui datagrid 点击添加单元格

效果图

div

                  <tr><td class="column-title"><label>********</label></td><td  colspan="3"><div split="true" style="width: 100%;"><table class="easyui-datagrid" id="dg-nbyjy-prndList" style="height: 265px;"></table></div></td></tr>

按钮

<div id="dd-nbyjy-prnd-buttons"><a href="#" class="easyui-linkbutton" iconCls="icon-add" onclick="addPrnd()" plain="true">添加</a><a href="#" class="easyui-linkbutton" iconCls="icon-remove" onclick="removePrnd()" plain="true">删除</a>
</div>

script

 function renderNbyjyFormPrnd(prndList) {$("#dg-nbyjy-prndList").datagrid({// 传入主表id// method:"post",data: prndList,rownumbers: true,fit:true,// striped : true,  // 隔行变色// border: false,// idField: "id",fitColumns:true, //去除滚动条toolbar:"#dd-nbyjy-prnd-buttons",loadMsg:'加载中...', //加载提示onClickCell: onClickCellPrnd,singleSelect:false, // 如果为true，则只允许选择一行。// queryParams:{},   //在请求数据是发送的额外参数，如果没有则不用写// onLoadSuccess:function(data){},// rowStyler:function(index,row){}columns:[[{field:'id',title:'id',width:100,align:'center',checkbox: true},{field:'prnd',title:'****',width:100,align:'center',editor:{type: 'text',options:{}}}]]});}// 查询信息// 由于首页查询没有直接获取子表信息， 编辑时， 这里需要单独查询function renderNbyjyFormJtsbPrnd(zbid) {$("#dg-nbyjy-prndList").datagrid({url:"******", // 传入method:"post",// data: prndList,rownumbers: true,fit:true,// striped : true,  // 隔行变色// border: false,// idField: "id",fitColumns:true, //去除滚动条toolbar:"#dd-nbyjy-prnd-buttons",loadMsg:'加载中...', //加载提示onClickCell: onClickCellPrnd,singleSelect:false, // 如果为true，则只允许选择一行。// queryParams:{},   //在请求数据是发送的额外参数，如果没有则不用写// onLoadSuccess:function(data){},// rowStyler:function(index,row){}columns:[[{field:'id',title:'id',width:100,align:'center',checkbox: true},{field:'prnd',title:'****',width:100,align:'center',editor:{type: 'text',options:{}}}]]});}//可编辑行var editIndex = undefined;function endEditingPrnd(){if (editIndex == undefined){return true}if ($('#dg-nbyjy-prndList').datagrid('validateRow', editIndex)){$('#dg-nbyjy-prndList').datagrid('endEdit', editIndex);editIndex = undefined;return true;} else {return false;}}//修改单元格//修改的方式是直接点击单元格，所以table要加上onClickCell属性，然后重写onClickCell方法function onClickCellPrnd(index, field){if (editIndex != index){if (endEditingPrnd()){$('#dg-nbyjy-prndList').datagrid('selectRow', index).datagrid('beginEdit', index);var ed = $('#dg-nbyjy-prndList').datagrid('getEditor', {index:index,field:field});($(ed.target).data('textbox') ? $(ed.target).textbox('textbox') : $(ed.target)).focus();editIndex = index;} else {$('#dg-nbyjy-prndList').datagrid('selectRow', editIndex);}}}// 添加行function addPrnd(){$('#dg-nbyjy-prndList').datagrid('appendRow',{id:''}); // 写入隐藏的id字段}// 删除行function removePrnd(){$.messager.confirm('Confirm','确认删除?',function(r){if (r) {var sels = $('#dg-nbyjy-prndList').datagrid('getSelections');for (var i in sels){var rindex = $('#dg-nbyjy-prndList').datagrid('getRowIndex', sels[i]);$("#dg-nbyjy-prndList").datagrid('deleteRow', rindex);}}});}function endEditPrnd() {var endRows = $('#dg-nbyjy-prndList').datagrid("getRows");// 获取所有的行，并且结束掉编辑for(var i =0; i < endRows.length; i++){$('#dg-nbyjy-prndList').datagrid('endEdit', i);}}

eaysui datagrid 点击添加单元格相关推荐

合并的表格怎么加横线_excel表格如何在数据之间加横线-在excel里怎么添加单元格横线...
在EXCEL中,如何批量给数字中间加横线? 在编辑EXCEL有时部分文字我们需要的要将其划掉,也就是字上画一条,下面给大家介绍一下如何操作方法/步骤打开excel,找到需要编辑的内容点击&quo ...
Swift之点击UITableView单元格动态改变cell高度
基于上一篇文章,继续需要实现点击相应的表格单元格动态改变cell的高度(上一篇文章的地址Swift之动态适配UITableView的cell高度) 首先需要实现UITableView的tableVie ...
使用poi调整字体格式、添加单元格注释、自动调整列宽
1 创建新的工作铺 import java.io.FileOutputStream;import org.apache.poi.hssf.usermodel.HSSFCell; import org. ...
EasyUI Datagrid 鼠标悬停显示单元格内容复制代码
EasyUI Datagrid 鼠标悬停显示单元格内容第一种方式: 1.js 定义函数<script type="text/javascript"> //格式化单元格 ...
MFC List Control 控件添加单元格编辑，实现可编辑重写
在实现随机生成四则运算的个人项目中,目前已经完成基本功能,想要把程序变成一个Windows界面的程序.原本以为学习过MFC,应该很快就能完成.但是由于以前用的都是VC6.0,这次用了VS2010,稍微 ...
[easyui]datagrid鼠标移动显示单元格内容
当单元格内容过长无法完全显示怎么办? 如果鼠标移动到该单元格可以自动显示出所有文字内容就好啦. 这里提供两个思路给对应节点添加一个title属性,值就是节点的内容添加事件,移动到单元格就用一个to ...
html单元格点击后填充颜色,如何实现WPS表格里点击某个单元格后该单元格变成制定颜色？...
输入指定内容整行自动变颜色如图是一个统计数据的表格,我们要做的是让部门列(B列)输入策划部的行自动变为蓝色. WPS表格技巧-输入指定内容整行自动变颜色待输入数据的表格首先我们选中整个表格,单击 ...
java添加功能备注,java程序导出excel中如何添加单元格备注信息
如果是JSP页面要导出成excel,依靠javascript就可以实现了,具体你试试上面的代码 <input type="button" value="保存为 Ex ...
wenzhixin bootstrap-table 点击table单元格改变颜色
bootstrap-table用于展示数据非常方便,也需要满足一些个性化需求.比如点击窗格(td)标记下颜色,用于目测代码如下,转载请注明 $("table").on('clic ...

eaysui datagrid 点击添加单元格

eaysui datagrid 点击添加单元格相关推荐

最新文章

热门文章