ExtJs之Field.Trigger和Field.Spinner

时间：2016-03-20 11:45:15 阅读：176 评论：0 收藏：0 [点我收藏+]

标签：

作文本框功能的。

<!DOCTYPE html>
<html>
<head>
    <title>ExtJs</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">
        <script type="text/javascript" src="ExtJs/ext-all.js"></script>
        <script type="text/javascript" src="ExtJs/bootstrap.js"></script>
        <script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>
        
    <script type="text/javascript">
            Ext.onReady(function() {
                var testForm = new Ext.form.Panel({
                    title: ‘Ext.form.field.Trigger.Sample‘,
                    bodyStyle: ‘padding: 5 5 5 5‘,
                    frame: true,
                    height: 100,
                    width: 270,
                    renderTo: ‘form‘,
                    defaults: {
                        labelSeparator: ‘:‘,
                        labelWidth: 70,
                        width: 200,
                        labelAlign: ‘left‘
                    },
                    items: [{
                        xtype: ‘triggerfield‘,
                        id: ‘memo‘,
                        fieldLabel: ‘triggerfield‘,
                        hideTrigger: false,
                        onTriggerClick: function(){
                            var memo = testForm.getForm().findField(‘memo‘);
                            alert(memo.getValue());
                            Ext.getCmp(‘memo‘).setValue(‘test‘);
                        }
                    }]
                });
                
                new Ext.form.Panel({
                    title: ‘Ext.form.field.Spinner.Sample‘,
                    bodyStyle: ‘padding: 5 5 5 5‘,
                    frame: true,
                    height: 70,
                    width: 250,
                    renderTo: ‘form1‘,
                    defaults: {
                        labelSeparator: ‘:‘,
                        labelWidth: 70,
                        width: 200,
                        labelAlign: ‘left‘
                    },
                    items: [{
                        xtype: ‘spinnerfield‘,
                        fieldLabel: ‘spinnerfiled‘,
                        id: ‘salary‘,
                        value: 100,
                        onSpinUp: function(){
                            var salaryCmp = Ext.getCmp(‘salary‘);
                            salaryCmp.setValue(Number(salaryCmp.getValue()) + 2);
                        },
                        onSpinDown: function() {
                            var salaryCmp = Ext.getCmp(‘salary‘);
                            salaryCmp.setValue(Number(salaryCmp.getValue()) - 5); 
                        }
                    }]
                });
            });
    </script>
</head>
<body>
    <div id=‘form‘></div>
        <div id=‘form1‘></div>


</body>
</html>

技术分享

ExtJs之Field.Trigger和Field.Spinner

标签：

原文地址：http://www.cnblogs.com/aguncn/p/5297229.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行