SmartGrid單元格編輯設(shè)置指南
在使用SmartGrid時,我們可能會遇到一個常見需求:根據(jù)某一單元格的數(shù)值來決定其他單元格是否可以編輯。下面將逐步介紹如何實現(xiàn)這一功能。第一步:放置SmartGrid控件首先,在aspx頁面中放置一
在使用SmartGrid時,我們可能會遇到一個常見需求:根據(jù)某一單元格的數(shù)值來決定其他單元格是否可以編輯。下面將逐步介紹如何實現(xiàn)這一功能。
第一步:放置SmartGrid控件
首先,在aspx頁面中放置一個SmartGrid控件,該控件包含兩列:"姓名"和"月薪"。我們的目標(biāo)是當(dāng)"姓名"列的數(shù)值為"張三"時,"月薪"列不可編輯。以下是SmartGrid控件的代碼示例:
```html
```
第二步:綁定htc文件
我們可以看到,我們在"月薪"列中綁定了一個htc文件。在SmartGrid控件中,htc文件通常被用來實現(xiàn)各種功能。在這里,我們通過htc文件來控制單元格的編輯狀態(tài)。
在中的簡單代碼如下:
```javascript
function focus() {
if (SetDisabled(grid, columnName, ) false) {
element.disabled 'disabled';
return;
} else {
element.disabled false;
}
}
```
在focus方法中,根據(jù)SetDisabled方法的返回值來設(shè)置當(dāng)前單元格的編輯狀態(tài)。如果SetDisabled方法返回false,則將單元格設(shè)置為不可編輯;反之則設(shè)置為可編輯。這樣就實現(xiàn)了根據(jù)條件動態(tài)設(shè)置單元格的編輯狀態(tài)。
第三步:實現(xiàn)SetDisabled方法
因為SetDisabled方法中已經(jīng)包含了SmartGrid對象grid、當(dāng)前列的列名columnName、以及當(dāng)前行的行號,所以在aspx頁面中獲取數(shù)據(jù)變得非常簡單。以下是在aspx頁面中實現(xiàn)SetDisabled方法的代碼示例:
```javascript
function SetDisabled(grid, columnName, row) {
var value (row, "name");
if (value "張三") {
return false;
} else {
return true;
}
}
```
通過以上步驟,我們成功實現(xiàn)了根據(jù)"姓名"列數(shù)值來控制"月薪"列的編輯狀態(tài)的功能。這個技巧可以幫助我們更靈活地管理SmartGrid單元格的編輯權(quán)限。