2016-05-13 103 views
1

我正在RowEditing上工作,其中一個提交的是密碼字段。對於我沒有試圖綁定就像數據 -RowEditing中的密碼字段

{ 
    text: "Password",  
    dataIndex: 'password',            
    editor: 
    { 
    inputType: 'password', 
    allowBlank: false 
    } 
} 

它所做的是 - 它結合數據,文本,但如果試圖通過對網格行雙擊輸入密碼,然後需要數據密碼。

如何將數據綁定到密碼文本字段?爲什麼它首先綁定文本?

在此先感謝

回答

1

一個最簡單的方式來實現,這將是實現對密碼列渲染器。

{ 
    header: "Password", 
    dataIndex: 'pass', 
    inputType: 'password', 
    readonly: true, 
    renderer: function(val) { 
     var toReturn = ""; 
     for (var x = 0; x < val.length; x++) { 
      toReturn += "&#x25cf;"; 
     } 

     return toReturn; 
    }, 
    editor: { 
     inputType: 'password', 
     allowBlank: false 
    } 
} 

原因是它綁定文本在第一個地方是因爲它不知道如果這是一個密碼或什麼。對於列,它只是一個簡單的文本。該列的編輯器知道它是由於inputType: 'password'而引起的密碼,因此它會相應地隱藏它。

我已經準備了這個fiddle爲您有一個更好的理解。

+0

謝謝你的詳細解釋。它的作品適合我。 – user1893874

+0

使用「&#x25cf」背後的原因是什麼? – user1893874

+0

這是「黑色填充圓」的html十六進制編碼,您可以在隱藏密碼時看到它。欲瞭解更多信息,請訪問:http://www.fileformat.info/info/unicode/char/25CF/index.htm 您可以使用任何想要隱藏密碼的字符。 –