Rumah  >  Artikel  >  hujung hadapan web  >  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
WBOYasal
2016-05-16 15:06:441367semak imbas

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>

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

Kenyataan:
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