Heim > Web-Frontend > js-Tutorial > So generieren Sie dynamisch Spalten mit DataGird in jQuery EasyUI_jquery

So generieren Sie dynamisch Spalten mit DataGird in jQuery EasyUI_jquery

WBOY
Freigeben: 2016-05-16 15:06:44
Original
1384 Leute haben es durchsucht

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>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage