2012-05-31 24 views
0

我正在使用SlickGrid與jQuery,並希望有一個compound editor within a cell as in example 3a,但有兩個日期字段,而不是兩個文本字段。SlickGrid:包含兩個日期字段的單元格中的複合編輯器?

有幫助地,Example 3顯示瞭如何使用SlickGrid日期選擇器來編輯日期字段,但沒有複合編輯器。我想結合這兩者。

因此,而不是原始的HTML添加輸入字段,當用戶點擊列,如例3A:

this.init = function() { 
    $from = $("<INPUT type=text style='width:40px' />") 
     .appendTo(args.container) 
     .bind("keydown", scope.handleKeyDown); 
    $(args.container).append("&nbsp; to &nbsp;"); 
    $to = $("<INPUT type=text style='width:40px' />") 
     .appendTo(args.container) 
     .bind("keydown", scope.handleKeyDown); 
    scope.focus(); 
}; 

我想我需要使用Slick.Editors.Date編輯器$from$to代替,如示例3.但是,我怎樣才能將它們設置爲使用此編輯器,而不是簡單地添加輸入字段?

謝謝你的幫助。

回答

0

我想你需要爲此編寫一個自定義編輯器,而不是使用這個新的編輯器。

請參閱此鏈接,文檔和模板SlickGrid編輯: https://github.com/mleibman/SlickGrid/wiki/Writing-custom-cell-editors

所有不現成的編輯器可以在slick.editors.js找到。一旦你看了代碼,就很容易遵循。我建議從例子3a中使用的NumericRangeEditor開始,將其編輯爲包含dateFields(或者甚至是datePickers)而不是文本框。

您可以將其添加到slick.editors.js或將其包含在您自己的JS文件中。

希望這會有所幫助!

相關問題