Rumah > hujung hadapan web > tutorial js > Bagaimana untuk menjana lajur secara dinamik dengan DataGird dalam jQuery EasyUI_jquery

Bagaimana untuk menjana lajur secara dinamik dengan DataGird dalam jQuery EasyUI_jquery

WBOY
Lepaskan: 2016-05-16 15:06:44
asal
1389 orang telah melayarinya

DataGird digunakan untuk memaparkan senarai data dalam EasyUI Kadangkala diperlukan untuk memaparkan lajur yang berbeza seperti yang diperlukan. Contohnya, dalam pengurusan kebenaran, pengguna yang berbeza hanya boleh melihat medan senarai dalam kebenaran mereka sendiri selepas log masuk. gabungan dinamik Lajur DataGird, berikut memperkenalkan kaedah menjana lajur secara dinamik oleh DataGird dalam EasyUI.

DataGird menjana lajur secara dinamik, yang sebenarnya mengawal nilai atribut lajur DataGird Seterusnya, panggil data lajur latar belakang secara tak segera melalui ajax untuk dijilid.

<table id="dg"></table>
<script>
function easyUIDataGrid(medid) {
var $datagrid = {};
var columns = new Array();
$datagrid.title = "";
$datagrid.height = $(window).height() - 31;
$datagrid.width = $(window).width();
$datagrid.sortName = "dt";
$datagrid.sortOrder = "desc";
$datagrid.idField = "id";
var param = { "medid": medid };
$.ajax({
url: 'getCol.page',
type: 'post',
data: "medid=" + medid,
dataType: "json",
async: false,
success: function (returnValue) {
            //异步获取要动态生成的列 别名,宽度也可以
var arr = returnValue;
$.each(arr, function (i, item) {
columns.push({ "field": item.colname, "title": item.colalias, "width": 100, "sortable": true });
});
$datagrid.columns = new Array(columns);
$('#dg').datagrid($datagrid);
}
});
}
</script>
Salin selepas log masuk

Di atas ialah kaedah menjana lajur secara dinamik oleh DataGird dalam jQuery EasyUI yang diperkenalkan oleh editor saya harap ia akan membantu semua orang!

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