Ext.form.field.Trigger觸發字段

本文轉載自查看原文 2012-04-22 00:50 7747

1、Ext.form.field.Trigger主要配置

配置項	類型	說明
editable	Boolean	是否允許直接對文本進行編輯，false則不允許編輯，只能通過觸發按鈕進行設置，默認為true
hideTrigger	Boolean	是否隱藏觸發按鈕，默認為false
repeatTriggerClick	Boolean	true則添加一個click repeater到觸發按鈕上，默認為false
readOnly	Boolean	字段是否只讀，true則阻止用戶修改字段內容，並隱藏觸發按鈕，默認為false
repeatTriggerClick	Boolean	true則自動添加一個重復點擊器
selectOnFocus	Boolean	在獲得焦點時是否立即選中輸入框已經存在的文本，默認為false。該配置只在editable為true時生效

2、Ext.form.field.Trigger示例

代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ext.form.field.Trigger示例</title>
    <link href="ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <script src="ext-4.0.7-gpl/bootstrap.js" type="text/javascript"></script>
    <script type="text/javascript">
        Ext.onReady(function () {
            var frm = new Ext.form.Panel({
                title: "Ext.form.field.Trigger示例",
                bodyStyle: "padding:5",
                frame: true,
                height: 100,
                width: 240,
                renderTo: Ext.getBody(),
                defaults: {
                    labelSeparator: "：",
                    labelWidth: 80,
                    width: 230,
                    labelAlign: "left"
                },
                items: [{
                    xtype: "triggerfield",
                    id: "memo",
                    fieldLabel: "觸發字段",
                    hideTrigger: false,
                    onTriggerClick: function () {
                        var memo = frm.getForm().findField("memo");
                        Ext.MessageBox.alert(memo.getValue());
                        Ext.getCmp("memo").setValue("Test");
                    }
                }]
            });
        });
    </script>
</head>
<body>
</body>
</html>

效果圖：

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Ext.form.field.Hidden隱藏字段 Ext.form.field.HtmlEditor編輯器字段 Ext.form.field.ComboBox組合框 Ext.form.field.CheckBox復選框和Ext.form.field.Radio單選框 Ext.form.field.Date日期選擇框 Ext.form.field.Time時間選擇框 Ext.form.field.Number數字輸入框 Ext.form.Label標簽字段 Ext.form.FieldSet字段集 Extjs4.x Ext.tree.Panel 過濾Filter以及trigger field的使用