在FormPanel中按回車按鍵,會觸發預設按鈕的click事件。設置方法為在FormPanel中設置DefaultButton屬性,如果沒有設置這個屬性,預設為最後一個按鈕。 1.預設最後一個按鈕為預設按鈕 2.以數字編號指點預設按鈕 3.用ID指定預設按鈕 4.用選擇器指定預設按鈕 視圖的完整代 ...
在FormPanel中按回車按鍵,會觸發預設按鈕的click事件。設置方法為在FormPanel中設置DefaultButton屬性,如果沒有設置這個屬性,預設為最後一個按鈕。
1.預設最後一個按鈕為預設按鈕
X.FormPanel() .Buttons( X.Button().Text('第一個按鈕'), X.Button().Text('預設按鈕').OnClientClick("Ext.Msg.alert('回車預設觸發的事件','觸發的按鈕為最後一個按鈕')") )
2.以數字編號指點預設按鈕
X.FormPanel() .DefaultButton('2') .Buttons( X.Button().Text('第一個按鈕'), X.Button().Text('預設按鈕').OnClientClick("Ext.Msg.alert('回車預設觸發的事件','觸發的按鈕為最後一個按鈕')") , X.Button().Text('第三個按鈕') )
3.用ID指定預設按鈕
X.FormPanel() .DefaultButton('button 2') .Buttons( X.Button().Text('第一個按鈕'), X.Button().ID('button 2').Text('預設按鈕').OnClientClick("Ext.Msg.alert('回車預設觸發的事件','觸發的按鈕為最後一個按鈕')") , X.Button().Text('第三個按鈕') )
4.用選擇器指定預設按鈕
X.FormPanel() .DefaultButton('button[text=預設按鈕]') .Buttons( X.Button().Text('第一個按鈕'), X.Button().Text('預設按鈕').OnClientClick("Ext.Msg.alert('回車預設觸發的事件','觸發的按鈕為最後一個按鈕')") , X.Button().Text('第三個按鈕') )
視圖的完整代碼如下所示
@using Ext.Net; @using Ext.Net.MVC; @{ Layout = null; var X = Html.X(); } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>預設按鈕</title> </head> <body> @X.ResourceManager(); @(X.Container() .Layout(LayoutType.VBox) .Items( X.FormPanel() .Title("預設預設按鈕為最後一個按鈕") .BodyPadding(5) .Items( X.TextField().FieldLabel("項目 1") ) .Buttons( X.Button().Text("按鈕 1"), X.Button().Text("按鈕 2").OnClientClick("Ext.Msg.alert('預設設置','我是按鈕 2');") ), X.FormPanel() .Title("指定第二個按鈕為預設按鈕,以數字0開始計算") .BodyPadding(5) .DefaultButton("1") .Items( X.TextField().FieldLabel("項目 1") ) .Buttons( X.Button().Text("按鈕 1"), X.Button().Text("按鈕 2").OnClientClick("Ext.Msg.alert('按索引指定預設按鈕','我是按鈕 2');"), X.Button().Text("按鈕 3") ), X.FormPanel() .Title("指定Id為button2的按鈕為預設按鈕") .BodyPadding(5) .DefaultButton("button2") .Items( X.TextField().FieldLabel("項目 1") ) .Buttons( X.Button().Text("按鈕 1"), X.Button().ID("button2").Text("按鈕 2").OnClientClick("Ext.Msg.alert('按Id指定預設按鈕','我是按鈕 2');"), X.Button().Text("按鈕 3") ), X.FormPanel() .Title("以選擇器指定預設按鈕,指定Text屬性為 按鈕 2 的按鈕為預設按鈕") .BodyPadding(5) .DefaultButton("button[text=按鈕 2]") .Items( X.TextField().FieldLabel("項目 1") ) .Buttons( X.Button().Text("按鈕 1"), X.Button().Text("按鈕 2").OnClientClick("Ext.Msg.alert('按選擇器指定預設按鈕','我是按鈕 2');"), X.Button().Text("按鈕 3") ) ) //end items )<!-- end container --> </body> </html>