extjs限制輸入長度的簡單介紹

本文目錄一覽：

• 1、extjs的問題！兩個textfield文本框，一個是回顯的數據，另一個需要判斷那個回顯的值來決定輸入的長度！
• 2、Extjs4.0如何限制的htmleditor的輸入長度，具體的方法
• 3、如何使用change事件監聽ExtJS中得htmleditor來限制輸入字符的長度
• 4、Extjs控制文本輸入字數，超出設定輸入字數後彈框提示用戶，怎麼做???
• 5、ExtJS表格使用JsonStore條件查詢參數傳值長度限制問題

extjs的問題！兩個textfield文本框，一個是回顯的數據，另一個需要判斷那個回顯的值來決定輸入的長度！

兩個代理方法 一個是點擊return 縮回鍵盤

還有一個是對textField的輸入進行監聽

前提是需要對textField進行代理監聽

//UITextFieldDelegate

– (BOOL)textFieldShouldReturn:(UITextField *)textField;

{

//用戶結束輸入

[textField resignFirstResponder];

return YES;

}

– (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange NSRange)range replacementString NSString*)string // return NO to not change text

{

//判斷是否超過 ACCOUNT_MAX_CHARS 個字符,注意要判斷當string.leng0

//的情況才行，如果是刪除的時候，string.length==0

int length = textField.text.length;

if (length = ACCOUNT_MAX_CHARS string.length 0)

{

return NO;

}

NSCharacterSet *cs;

cs = [[NSCharacterSet characterSetWithCharactersInString:kAlphaNum] invertedSet];

NSString *filtered =

[[string componentsSeparatedByCharactersInSet:cs] componentsJoinedByString:@””];

BOOL basic = [string isEqualToString:filtered];

return basic;

}

Extjs4.0如何限制的htmleditor的輸入長度，具體的方法

htmleditor 沒有相應的屬性限制長度。

只能是輸入完之後，提交的時候驗證一下。

這個不用給你寫了吧？ 還是寫一下吧。。

var htmleditor = new Ext.form.field.HtmlEditor({…..});

if(htmleditor.getValue().length 100){

    Ext.Msg.alert(‘提示’, ‘不能超出100字符’);

    return;

}

如何使用change事件監聽ExtJS中得htmleditor來限制輸入字符的長度

貌似獲取字符長度不好弄，因為htmleditor 在你輸入了東西後會自動轉換成html標籤形式的字符串，比如你加粗 ，它會默認加上這個樣式，你把這個值傳給後台的時候也就帶着這些樣式，不然到時候顯示的時候不是沒有樣式了 么

Extjs控制文本輸入字數，超出設定輸入字數後彈框提示用戶，怎麼做???

如果是textfield設置maxlength,校驗如果超出長度會提示信息；

Ext.create(‘Ext.form.Panel’, {

    title: ‘Contact Info’,

    width: 300,

    bodyPadding: 10,

    renderTo: Ext.getBody(),

    items: [{

        xtype: ‘textfield’,

        name: ‘name’,

        fieldLabel: ‘Name’,

        maxLength:5,

        allowBlank: false  // requires a non-empty value

    }, {

        xtype: ‘textfield’,

        name: ’email’,

        fieldLabel: ‘Email Address’,

        vtype: ’email’  // requires value to be a valid email address format

    }]

});

添加事件

xtype: ‘textfield’,

        name: ‘name’,

        enableKeyEvents:true,

        fieldLabel: ‘Name’,

        allowBlank: false,  // requires a non-empty value

        listeners: {

            keypress: function(o,e){

                //TO-DO   o.value.length…

            }

        }

ExtJS表格使用JsonStore條件查詢參數傳值長度限制問題

Extjs中的幫助文檔中都是些簡單的查詢，grid的分頁查詢只是默認傳入start,limit,sort,dir等參數，但實際情況中可能需要傳入自定義參數，利用JsonStore的beforeload事件來強制添加自定義的參數列表即可以實現，關鍵代碼如下：

1 var ds = new Ext.data.JsonStore({

2 url: “../Handlers/PageHandlerPage.aspx”,

3 //url: “../Handlers/PageHandler.ashx”,

4 root: “root”,

5 totalProperty: “totalProperty”,

6 id: “id”,

7 baseParams:{id:Ext.get(“txtId”).dom.value,name:Ext.get(“txtName”).dom.value},

8 fields:[“id”,”name”,”descn”

9 ],

10 remoteSort:true

11 });

12

13 ds.on(“beforeload”, function(thiz, options) {

14 //debugger

15 thiz.baseParams[“id”] = Ext.get(“txtId”).dom.value;

16 thiz.baseParams[“name”] = Ext.get(“txtName”).dom.value;

17 });