JQuery EasyUI Data Grids - динамически изменять столбец
колонка (DataGrid) Сетка данных можно использовать свойство "столбцы" просто определены. Если вы хотите, чтобы динамически изменять столбец, что нет никаких проблем. Чтобы изменить столбец, вы можете вызвать DataGrid метод, передавая новые столбцы атрибутов.
Создание сетки данных (DataGrid)
<Таблица ID = "тт" название = "Закрепленные столбцы" класс = "easyui-DataGrid" стиль = "ширина: 550px; высота: 250px" URL = "Данные / datagrid_data.json" singleSelect = "истинные" iconCls = "значок-сохранить"> </ Table>
$ ( '# Tt'). Datagrid ({ Колонки: [[ {Field: 'Itemid', название: 'Item ID', ширина: 80}, {Field: 'PRODUCTID', название: "ID продукта, ширина: 80}, {Field: 'attr1', название: 'Атрибут', ширина: 200}, {Field: "Статус", название: "Статус", ширина: 80} ]] });
Запустите страницу, вы увидите:
Но иногда вы хотите изменить столбец, так что вам нужно написать код:
$ ( '# Tt'). Datagrid ({ Колонки: [[ {Field: 'Itemid', название: 'Item ID', ширина: 80}, {Field: 'PRODUCTID', название: "ID продукта, ширина: 80}, {Field: 'Коек Стоимость', название: "Прайс-лист", ширина: 80, выравнивание: 'право'}, {Field: 'unitcost', название: "Стоимость единицы", ширина: 80, выравнивание: 'право'}, {Field: 'attr1', название: 'Атрибут', ширина: 100}, {Field: "Статус", название: "Статус", ширина: 60} ]] });
Помните, что мы определили другие атрибуты, такие как: URL, ширина, высота и так далее. Опять же, нам не нужно, чтобы определить их, мы определяем, кто нам нужно изменить.