Coolite Toolkit-ext基本方法
2010-01-13 11:16
197 查看
使用Coolite Toolkit基本方法
获得一个对象:
格式:#{控件的Id},
客户端使用: <ext:Button ID="Button6" runat="server" Text="获得控件对象" OnClientClick="alert(#{Button6})" >
</ext:Button> //返回一个[object,Object]对象组
修改:alert(#{Button6}.id) 返回Button6 修改:alert(#{Button6}.text) 返回 获得控件对象
服务端使用: 必须是 拼装在String里面的!
控件取值、赋值的方式:
根据控件属性:
可使用 #{控件的Id}.getText() 或 #{控件的Id}.getValue() 获得控件属性值;
反之使用#{控件的Id}.setText('内容') 或 #{控件的Id}.setText('内容') 设置控件属性值;
-----------------------------------------------------------------------------------------------------
<ext:Button>控件:
<ext:Button ID="Button1" runat="server" Text="获得控件对象" OnClientClick="alert(#{Button1}.getText())" >//返回获得控件对象
</ext:Button>
<ext:Button ID="Button1" runat="server" Text="获得控件对象" OnClientClick="#{Button1}.setText('设置控件对象内容')" >
</ext:Button> //Text="设置控件控件对象内容"
<ext:Label 控件: #{控件的Id}.getText(); 反之设置:setText('内容')
<ext:TextField 控件: #{控件的Id}.getValue(); 反之设置:setValue('内容')
客户端对话框
操作与ext 3.0相同,
alert使用:
格式:Ext.Msg.alert('标题',‘内容’,'回调函数');
confirm使用:
格式:Ext.Msg.confirm('标题', '你想删除','回调函数');
prompt使用:
格式:Ext.Msg.prompt('title','message',callback);
-------------------------------------------------------------------------------------------------------------------------
<script type="text/javascript">
var showResultText = function(btn, text) {
Ext.Msg.alert('Button Click', 'You clicked the ' + btn + ' button and entered the text "' + text + '".');
};
</script>
<ext:Button ID="Button3" runat="server" Text="获得控件对象" OnClientClick="Ext.Msg.prompt('Title', 'Please enter your name:',showResultText)">
</ext:Button>
---------------------------------------------------------------------------------------------------------------------------
show使用:
<ext:Button ID="Button2" runat="server" Text="获得控件对象" OnClientClick="Ext.Msg.show({title:'Save Changes?',msg: 'Would you like to save your changes?',buttons: Ext.MessageBox.YESNOCANCEL,icon: Ext.Msg.QUESTION});">
</ext:Button>原文:http://hi.baidu.com/czh0221/blog/item/7567b3eccf562d37279791c4.html
获得一个对象:
格式:#{控件的Id},
客户端使用: <ext:Button ID="Button6" runat="server" Text="获得控件对象" OnClientClick="alert(#{Button6})" >
</ext:Button> //返回一个[object,Object]对象组
修改:alert(#{Button6}.id) 返回Button6 修改:alert(#{Button6}.text) 返回 获得控件对象
服务端使用: 必须是 拼装在String里面的!
控件取值、赋值的方式:
根据控件属性:
可使用 #{控件的Id}.getText() 或 #{控件的Id}.getValue() 获得控件属性值;
反之使用#{控件的Id}.setText('内容') 或 #{控件的Id}.setText('内容') 设置控件属性值;
-----------------------------------------------------------------------------------------------------
<ext:Button>控件:
<ext:Button ID="Button1" runat="server" Text="获得控件对象" OnClientClick="alert(#{Button1}.getText())" >//返回获得控件对象
</ext:Button>
<ext:Button ID="Button1" runat="server" Text="获得控件对象" OnClientClick="#{Button1}.setText('设置控件对象内容')" >
</ext:Button> //Text="设置控件控件对象内容"
<ext:Label 控件: #{控件的Id}.getText(); 反之设置:setText('内容')
<ext:TextField 控件: #{控件的Id}.getValue(); 反之设置:setValue('内容')
客户端对话框
操作与ext 3.0相同,
alert使用:
格式:Ext.Msg.alert('标题',‘内容’,'回调函数');
confirm使用:
格式:Ext.Msg.confirm('标题', '你想删除','回调函数');
prompt使用:
格式:Ext.Msg.prompt('title','message',callback);
-------------------------------------------------------------------------------------------------------------------------
<script type="text/javascript">
var showResultText = function(btn, text) {
Ext.Msg.alert('Button Click', 'You clicked the ' + btn + ' button and entered the text "' + text + '".');
};
</script>
<ext:Button ID="Button3" runat="server" Text="获得控件对象" OnClientClick="Ext.Msg.prompt('Title', 'Please enter your name:',showResultText)">
</ext:Button>
---------------------------------------------------------------------------------------------------------------------------
show使用:
<ext:Button ID="Button2" runat="server" Text="获得控件对象" OnClientClick="Ext.Msg.show({title:'Save Changes?',msg: 'Would you like to save your changes?',buttons: Ext.MessageBox.YESNOCANCEL,icon: Ext.Msg.QUESTION});">
</ext:Button>原文:http://hi.baidu.com/czh0221/blog/item/7567b3eccf562d37279791c4.html
相关文章推荐
- EXTJS4自学手册——EXT基本方法、属性(mixins、statics、require)
- Coolite Toolkit学习笔记三:基本控件之Button、TextField、DataField、ComboBox 推荐
- EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor)
- Coolite Toolkit学习-ext基本方法
- coolite toolkit页面方法调用
- ASP.NET使用Coolite.Ext.Web.dll,显示ext 未定义 的解决方法 (转)
- EXTJS4自学手册——EXT基本方法、属性(onReady、define、create)
- Grid视图---Ext.grid.GridView基本方法
- coolite(ext.net)服务器控件的后台事件方法 ,浅析
- ASP.NET使用Coolite.Ext.Web.dll,显示ext 未定义 的解决方法
- ASP.NET使用Coolite.Ext.Web.dll,显示ext"未定义"的解决方法
- EXT基本方法、属性(mixins、statics、require)
- EXTJS4自学手册——EXT基本方法、属性(onReady、define、create)
- WebView的基本使用方法
- Coolite (ExtAspNet)某公司项目截图
- ATL与COM之间的关系、ATL的特点与基本使用方法
- Coolite 方法调用浅谈
- [转]开发Qt 4应用程序的基本流程和方法之我见
- [GIT] 基本使用方法
- C++ 优先队列的基本使用方法