easyui datagrid动态设置行、列、单元格不允许编辑

Easyui datagrid 行编辑、列编辑、单元格编辑设置

 

功能:

动态对datagrid 进行行、列、单元格编辑进行设置不允许编辑。

禁用行编辑:

   在编辑方法调用前,对选择的行进行判断,如果不允许编辑,就返回不调用编辑方法,如果允许编辑,则继续。

e.g:      var row = $("#dg").datagrid("getSelected");        //取选择的行

                                               if(row)

                                               {

                                                        if(row.productname=='Koi')//不允许编辑的条件

                                                        return;

                                               }

                                               $('#dg').datagrid('selectRow', index)

                                                                 .datagrid('beginEdit', index);

  

 

动态设置禁用列编辑:

允许编辑的列都会定义一个editor属性,按照datagrid列编辑设计理念,不允许列编辑,即把指定列的ecitor属性赋空。其中: 'listprice'为列名.如果指定的列始终不允许编辑,在列初始化时,不设置列的editor属性即可。

e.g            var e = $("#dg").datagrid('getColumnOption', 'listprice');

                               e.editor = {};

 

禁用单元格编辑:

单元格在页面中中现的是一个hmtl控件,找到不允许编辑的单元格的html控件,设置disabled属性为true,具体的做法是:先定位到编辑的行,根据指定的列名定位到单元格,获取这个单元格的editor,每个editor对象都有以下四个属性:

                                                 

这个editor的target即是呈现单元格的对象,设置这个呈现对象的disabled属性为true,就禁用编辑了。'attr1'为列名, editIndex待编辑的行

e.g

                                     var row = $("#dg").datagrid("getSelected");  

                                               if(row)

                                               {

         if(row&&row.itemid=='EST-15')

                                                        {

                                                                 var ed2 = $('#dg').datagrid('getEditor', { 'index': editIndex, field: 'attr1' });

                                                                $(ed2.target).attr("disabled", true);

                                                        }

                                               }

 

 

转载于:https://www.cnblogs.com/langhua/p/3672820.html

你可能感兴趣的:(javascript)