jqGrid 編輯自定義控制元件
jqGrid 支援在某一列上,自己寫一個控制元件顯示,並影響彈出編輯時候的控制元件
{
name : 'deptId',
index : 'DEPT_ID',
sortable : false,
hidden:true,
editable:true,
editrules:{required:true},
edittype:'custom',
editoptions: {custom_element: custtomElem, custom_value:customValue},
formoptions:{colpos:2,rowpos:3}
},
————————————————————————————————————————
function custtomElem(value, options) {
var el = $("<select></select>");
if(value != null && value.length > 0) {
var optvalues = value.split(',');
if (optvalues.length > 0) {
for(var i=0;i<optvalues.length;i++) {
var optvalue = optvalues[i];
var optdisplay = optvalues[i];
var optel = $("<option value='"+optvalues[i]+"'>"+optvalues[i]+"</option>");
el.append(optel);
}
}
}
return el;
}
function customValue(elem, operation, value) {
if (operation === 'get') {
return $(elem).val();
} else if (operation === 'set') {
$(elem).val(value);
}
}
相關文章
- 自定義jqGrid編輯功能,當行獲取焦點時編輯,失去焦點時儲存
- 【自定義使用者控制元件】 wpf 可繫結的RichTextBox 編輯器。控制元件
- Android自定義控制元件之自定義組合控制元件Android控制元件
- quill 富文字編輯器自定義格式化UI
- 可以自定義編輯和渲染的Vue-MarkdownVue
- vue中elementUI的表格實現自定義編輯VueUI
- Android自定義控制元件——自定義屬性Android控制元件
- 自定義Switch控制元件控制元件
- 自定義控制元件ViewPager控制元件Viewpager
- 控制元件自定義位置控制元件
- 如何自定義控制元件控制元件
- Qt編寫自定義控制元件屬性設計器QT控制元件
- 4. 自定義控制元件(4) --- 自定義屬性控制元件
- Android自定義控制元件之自定義屬性Android控制元件
- 新增了自定義的編輯和刪除按鈕
- 工作記錄--WPF自定義控制元件,實現一個可設定編輯模式的TextBox控制元件模式
- Flutter 之 自定義控制元件Flutter控制元件
- iOS自定義控制元件 AlertViewiOS控制元件View
- iOS自定義控制元件 SegmentiOS控制元件
- WPF Blend 自定義控制元件控制元件
- 自定義彈幕控制元件控制元件
- 自定義分頁控制元件控制元件
- winform 自定義容器控制元件ORM控制元件
- 自定義控制元件之歌詞RCL控制元件控制元件
- Android自定義組合控制元件之自定義屬性Android控制元件
- C#自定義控制元件:如果定義控制元件的事件C#控制元件事件
- WPF 自定義控制元件的坑(蠢的:自定義控制元件內容不顯示)控制元件
- Flutter 自定義縮放控制元件Flutter控制元件
- iOS自定義控制元件 SlideriOS控制元件IDE
- Qt實現自定義控制元件QT控制元件
- android:建立自定義控制元件Android控制元件
- 自定義UIView UITableViewCell等控制元件UIView控制元件
- 自定義下拉選單控制元件控制元件
- 自定義的ValidationSummary控制元件控制元件
- Vue 自定義富文字編輯器 tinymce 支援匯入 word 模板Vue
- iOS自定義控制元件:簡易下拉控制元件iOS控制元件
- android 自定義控制元件 自定義屬性詳細介紹Android控制元件
- 向量圖形編輯控制元件控制元件