So generieren Sie dynamisch Spalten mit DataGird in jQuery EasyUI_jquery

DataGird wird verwendet, um die Datenliste in EasyUI anzuzeigen. In der Berechtigungsverwaltung können verschiedene Benutzer beispielsweise nach der Anmeldung nur die Listenfelder anzeigen Dynamische Kombination von DataGird Column. Im Folgenden wird die Methode zum dynamischen Generieren von Spalten durch DataGird in EasyUI vorgestellt.

DataGird generiert dynamisch Spalten, die tatsächlich den Spaltenattributwert von DataGird steuern. Rufen Sie als Nächstes die Daten der Hintergrundspalten zur Bindung asynchron auf.

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

Das Obige ist die vom Herausgeber eingeführte Methode zum dynamischen Generieren von Spalten durch DataGird in jQuery EasyUI. Ich hoffe, sie wird für alle hilfreich sein!