easyui-datagrid 行内编辑禁止字段可编辑

function onClickRow(index){
if (editIndex != index){
if (endEditing()){
$(‘#dg‘).datagrid(‘selectRow‘, index)
.datagrid(‘beginEdit‘, index);
// 得到单元格对象,index指哪一行,field跟定义列的那个一样
var cellEdit = $(‘#dg‘).datagrid(‘getEditor‘, {index:index,field:‘attr1‘});
var $input = cellEdit.target; // 得到文本框对象
//$input.val(‘aaa‘); // 设值
$input.prop(‘readonly‘,true); // 设值只读

editIndex = index;
} else {
$(‘#dg‘).datagrid(‘selectRow‘, editIndex);
}
}
}

时间: 2024-10-02 03:18:23

easyui-datagrid 行内编辑禁止字段可编辑的相关文章

Easyui datagrid行内【添加】、【编辑】、【上移】、【下移】(转自http://www.cnblogs.com/sword-successful/p/3386861.html,感谢分享)

1.首先大概说下这几个功能里用到的主要方法,行内添加数据主要是添加列的editor属性, 行内编辑主要使用beginEdit(), endEdit(),同时一个关键就是拿到当前的操作行索引editIndex. 2.撤销用到了rejectChanges(). 3.保存时使用getRows()或者getChanges(). getChanges()主要是获取添加或编辑的数据,getRows()获取到本页所有数据,主要是配合[上移][下移]方法使用. 4.在做这个功能中我使用了一个序列化前台对象组件[

easyui datagrid行合并

easyui datagrid行合并 合并方法 /** * EasyUI DataGrid根据字段动态合并单元格 * 参数 tableID 要合并table的id * 参数 colList 要合并的列,用逗号分隔(例如:"name,department,office"); */ function mergeCellsByField(tableID, colList) { var ColArray = colList.split(","); var tTable =

EasyUI datagrid 行编辑

一.HTML: <div class="info"> <div class="info_tt"> <span class="info_tt1">明细</span> <span class="pucker2"></span><a class="del" onclick="detailDel()" href=&qu

easyUi dataGrid 行高设置,解决错行问题

在easyUi dataGrid中,如果使用了frozenColumns和columns,如果行高不一样,可以选择其中的一个格式化一下高度即可. 代码 columns : [ [ { title : '备注', field : 'memo', width : 150, styler : function(value,row,index){ return 'height:30px'; } }] ] 原文地址:http://blog.51cto.com/1197822/2157015

easyui datagrid 行编辑功能

1 /*单元编辑代码开始 */ 2 $.extend($.fn.datagrid.methods, { 3 editCell : function(jq, param) { 4 return jq.each(function() { 5 var opts = $(this).datagrid('options'); 6 var fields = $(this).datagrid('getColumnFields', true).concat( 7 $(this).datagrid('getCol

datagrid行内编辑时为datetimebox

$.extend($.fn.datagrid.defaults.editors, { datetimebox: {// datetimebox就是你要自定义editor的名称 init: function (container, options) { var input = $('<input class="easyuidatetimebox">').appendTo(container); return input.datetimebox({ formatter: fun

easyui datagrid行中点击a标签链接,行被选中,但是获取不到对应的参数

easyui中使用比较多的就是datagrid了,表格中添加连接,点击跳转,为比较常用的方式;往往在点及标签后调用getSeleted方法会失效; 一.初始代码: {field: 'id',title : '操作',align: 'center',width:'10%', formatter:function(value,row){ return  "<a onclick='show()' > 查看 </a>"; } }, function show(){ va

如何替换B字段内包含A字段的那部分内容

Customer表A字段  varchar(50)     内容(客户姓名)B字段  varchar(1000)   内容(其他字符...客户姓名...其他字符)需要达到效果:将B字段中的客户姓名替换掉B字段内容替换成(其他字符......其他字符)如何将每个数据行内的B字段内所有符合A字段内容的文字部分替换成空隔或其他字符?UPDATE Customer SET B = replace(B, A, ''); Access语句:UPDATE Content SET v_cate_2 = repl

EasyUI之dataGrid的行内编辑

1 $(function () { 2 var datagrid; //定义全局变量datagrid 3 var editRow = undefined; //定义全局变量:当前编辑的行 4 datagrid = TskupluAddPacket.datagrid({ 5 url: ThinkPHP['MODULE'] + '/Tskuplu/getPacketList', //请求的数据源 6 iconCls: 'icon-save', //图标 7 pagination: true, //显