yueasui datagrid動的設定行、列、セルの編集は許可されていません.
2826 ワード
Easyui datagrid行編集、列編集、セル編集設定
機能:
datagridを動的に行、列、セル編集に設定します.編集は許可されていません.
行編集を無効にする:
編集方法の呼び出し前に、選択した行を判断し、編集が許可されていない場合は、編集方法を起動しないに戻り、編集が許可されている場合は続行します.
無効な列編集を動的に設定します.
編集が許可されている列はいずれもエディター属性を定義し、datagrid列に従って設計理念を編集します.列編集は許可されていません.つまり指定された列のecitor属性を空にします.「listprice」は列名です.指定された列は常に編集が許可されていない場合は、列初期化時に列のeditor属性を設定しないでください.
セルの編集を無効にする:
セルがページに表示されているのはhmtlコントロールで、編集できないセルを見つけたhtmlコントロールで、disabled属性をtrueとして設定します.具体的には、編集した行に先に位置し、指定された列名に基づいてセルに位置し、このセルのeditorを取得します.editorオブジェクトごとに以下の4つの属性があります.
このエディターのtargetはセルが表示されるオブジェクトです.このプレゼンテーションの対象となるdisable属性をtrueに設定すると、編集が無効になります.atr 1'は列名で、edit Indexは編集する行です.
転載先:https://www.cnblogs.com/langhua/p/3672820.html
機能:
datagridを動的に行、列、セル編集に設定します.編集は許可されていません.
行編集を無効にする:
編集方法の呼び出し前に、選択した行を判断し、編集が許可されていない場合は、編集方法を起動しないに戻り、編集が許可されている場合は続行します.
e.g: var row = $("#dg").datagrid("getSelected"); //
if(row)
{
if(row.productname=='Koi')//
return;
}
$('#dg').datagrid('selectRow', index)
.datagrid('beginEdit', index);
無効な列編集を動的に設定します.
編集が許可されている列はいずれもエディター属性を定義し、datagrid列に従って設計理念を編集します.列編集は許可されていません.つまり指定された列のecitor属性を空にします.「listprice」は列名です.指定された列は常に編集が許可されていない場合は、列初期化時に列のeditor属性を設定しないでください.
e.g var e = $("#dg").datagrid('getColumnOption', 'listprice');
e.editor = {};
セルの編集を無効にする:
セルがページに表示されているのはhmtlコントロールで、編集できないセルを見つけたhtmlコントロールで、disabled属性をtrueとして設定します.具体的には、編集した行に先に位置し、指定された列名に基づいてセルに位置し、このセルのeditorを取得します.editorオブジェクトごとに以下の4つの属性があります.
このエディターのtargetはセルが表示されるオブジェクトです.このプレゼンテーションの対象となるdisable属性をtrueに設定すると、編集が無効になります.atr 1'は列名で、edit Indexは編集する行です.
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