Rumah > hujung hadapan web > tutorial js > jQuery Easyui learning datagrid menambah dan mengalih keluar editor_jquery secara dinamik

jQuery Easyui learning datagrid menambah dan mengalih keluar editor_jquery secara dinamik

WBOY
Lepaskan: 2016-05-16 15:17:36
asal
1582 orang telah melayarinya

Agak mudah untuk melengkapkan fungsi penyuntingan apabila menggunakan pengeditan baris easyui, tetapi ia akan menjadi lebih menyusahkan jika anda ingin menukar nilai lain secara dinamik​​​berdasarkan nilai kotak atau melumpuhkan kotak tertentu semasa mengedit .

Sebagai contoh, seperti ini: apabila menambah baris, setiap nilai dimasukkan secara manual dan apabila mengubah suai, nilai pertama tidak boleh diubah suai. Mari kita lihat bagaimana untuk mencapai kesan ini.

jQuery Easyui learning datagrid menambah dan mengalih keluar editor_jquery secara dinamik

easyui sendiri tidak menyediakan fungsi terperinci sedemikian, kami perlu mengembangkannya sendiri:

Alih keluar atribut editor lajur pertama semasa mengedit dan tambahkan atribut lajur pertama apabila menambah.

//扩展datagrid:动态添加删除editor
$.extend($.fn.datagrid.methods, { 
addEditor : function(jq, param) { 
if (param instanceof Array) { 
$.each(param, function(index, item) { 
var e = $(jq).datagrid('getColumnOption', item.field); 
e.editor = item.editor; }); 
} else { 
var e = $(jq).datagrid('getColumnOption', param.field); 
e.editor = param.editor; 
} 
}, 
removeEditor : function(jq, param) { 
if (param instanceof Array) { 
$.each(param, function(index, item) { 
var e = $(jq).datagrid('getColumnOption', item); 
e.editor = {}; 
}); 
} else { 
var e = $(jq).datagrid('getColumnOption', param);
e.editor = {}; 
} 
}
});
Salin selepas log masuk

panggilan:

Dialih keluar:

$("#dg").datagrid('removeEditor','cardNo');//这里的cardNo是需要移除editor的列的field值
Salin selepas log masuk

Tambah:

$("#dg").datagrid('addEditor',[ //添加cardNo列editor
{field:'cardNo',editor:{
type:'textbox',
options:{
required:true,
validType:'length[3,3]', 
invalidMessage:'请输入3位号码!'
}
}
}]
Salin selepas log masuk

Operasi lain boleh dikembangkan dengan sewajarnya.

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan