kendoUI 簡單增刪改查

2022-04-04 01:04:09 字數 1321 閱讀 7013

1  目前學習主要基於kendoui英文api文件(

2  在已經搭建的mvc+ef+kendo ui的基礎上實現kendo ui增刪改查功能

3 增刪改查**示例:

3-1:主要展示前台實現**,因為後台**不是唯一,可自行配置,返回json資料

3-1:html**如下

3-1-1:查詢和列表展示 html**,列表展示只需要乙個div標籤 ,如下(div id="grid">

3-1-2:新增/編輯 此處作為dialog模式將編輯頁面與上面列表頁面放在一起,初始化隱藏,主要通過 data-bind="value:year"這樣的屬性

繫結實體類中的字段。通過events繫結按鈕點選事件

23-2 js**實現:

3-2-1:按需載入,引入頁面需要用到的js**,css**可在前台自行引入,本示例中採用母版頁已經將必要css載入完畢。

3-2-2:繫結grid資料列表

3-2-2:繫結grid資料列表,通過griddatasource方法獲取資料,並實現分頁,查詢在data中傳遞查詢條件

3-2-3 刪除功能 此處通過繫結前台button的click事件 對資料進行刪除,支援批量刪除獲取選中的行,取出id 根據拼接id 刪除 如(1,2,3..)

3-2-4:新增 or 編輯 

1彈層  定義dialog 大小以及左上角提示文字

2 執行編輯或新增的**

總結:使用kendoui可控制瀏覽器相容,並實現美觀,操作簡便的資料展示以及操作。

此處只記錄簡單增刪改查工能,詳細的在api文件中,對於kendogrid還有很多其他特性,如行內編輯,單元格編輯...

List簡單增刪改查

1 例項化list 2 list list new list 34 新增值,因為長度是可變的,所以可以新增多個值 5 list.add 值1 6 list.add 值2 7 list.add 值3 8 list.add 值4 91011 console.writeline 顯示list集合的資料 1...

mysql 簡單增刪改查

增刪改查 以sql server 首先要建立乙個資料庫 建立乙個資料庫的語句 create database test建立乙個 create table testtab 建立語句 id int not null primary key,建立乙個int 型別的id 設定為非空 並且設定為主鍵約束 us...

EF 簡單 增刪改查

ef 簡單 增刪改查 一 新建models 中實體類 在類中新增特性,新增特性之前需要引用命名空間 需要引用 using system.componentmodel.dataannotations using system.componentmodel.dataannotations.schema ...