JQuery easyui datagrid 儲存格編輯時,使用浮動的textarea文字框並進行資料校正
有兩種方式實現,一種方式是在html中驗證,一種方式是在js中進行驗證
方式一:
備忘
方式二:
備忘
// 長度校正$.extend($.fn.validatebox.defaults.rules,{maxLength: { validator: function(value, param){ if(value.length > param[0]){ return false; } return true; }, message: "請輸入的內容小於{0}個字元." }}) // 解決datagrid中單擊修改儲存格時,textarea會自動將datagrid表格行撐大的問題$.extend($.fn.datagrid.defaults.editors,{textarea: {init: function(container, options){// var input = $("").validatebox(options).appendTo(container);var input = $("").validatebox(options).appendTo(container); return input; },getValue: function(target){ return $(target).val();},setValue: function(target, value){$(target).val(value);},resize: function(target, width){var input = $(target); if($.boxModel == true){ input.width(width - (input.outerWidth() - input.width())); }else{ input.width(width);}}}});