JQuery EasyUI Data Grid - панель инструментов
Этот пример демонстрирует, как добавить панель инструментов (панель инструментов) к сетке данных (DataGrid).
Создание сетки данных (DataGrid)
<Идентификатор таблицы = класс "тт" = "easyui-DataGrid" стиль = "ширина: 600px; высота: 250px" URL = "Данные / datagrid_data.json" название = "DataGrid с панели инструментов" iconCls = "Значок-сохранить" Панель инструментов = "# Т.Б."> <THEAD> <Tr> <Th поле = "ItemId" ширина = "80"> Item ID </ й> <Th поле = "ProductID" ширина = "80"> Идентификатор продукта </ й> <Th поле = "Коек Стоимость" ширина = "80" выровнять = "право"> Цены </ й> <Th поле = "unitcost" ширина = "80" выровняйте = "право"> себестоимость единицы продукции </ й> <Th поле = "attr1" ширина = "150"> Атрибут </ й> <Th = поле "статус" ширина = "60" выровняйте = "центр"> Stauts </ е> </ TR> </ THEAD> </ Table> <Div ID = "Т.Б."> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')"> Добавить </a> <a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true" onclick="javascript:alert('Cut')"> Cut </a> <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')"> Сохранить </a> </ Div>
Нам не нужно писать код яваскрипта просто '' на панели инструментов свойств прикрепленной панели инструментов (панель инструментов) к сетке данных (DataGrid).