日期:2014-05-16  浏览次数:20374 次

ExtJS Combo学习,相关参数属性解析

天我们接着深入解析表单元素中ComboBox组件的使用。会涉及
到.net简单服务器数据交互,但暂不做深入讨论,以后会详细分析服务器交互相关,不过可能要等较长一段时间,呵呵!
5.服务器数据作为ComboBox的数据源实例
首先从服务器获取json数据:

//cs后台代码,简单起见,示例而已,要主要字符串格式(新手注意,下面的代码放在类里面,不是放在方法里)
public string?? ServerData="['湖北','江西','安徽']";

?

//aspx前台js介绍代码
Ext.onReady(function(){
???????
var combo=new Ext.form.ComboBox({
???????????? store:
<%=ServerData%>,//获取ServerData的string值,不要用""引起来,否则就不是object数据,而是字符串,这是一个很巧妙的关键点:把服务器的字符串转化为js的object数据,是不是超级方便。
???????????? emptyText:
'请选择一个省份....',
???????????? applyTo:
'combo'
???????? });
???? });

?

//aspx前台html代码
<input type="text" id="combo" size="20"/>


我们就通过<%=ServerData%>这样的方式获取到了服务器最简单的属性数据。问题来了,js和html怎么调用c#后台
的变量和方法?(变量的调用上面刚刚介绍)
6.js和html怎么调用c#后台的变量和方法
关于这个话题,我不多说,网上很多讲解,在此仅简单说明
1.js调用c#后台变量,参考上面,注意,如果想获取string类型,请在js里用引号 var str="<%=ServerData%>"(返回"['湖北','江西','安徽']")
2.js调用c#后台方法:

<!--后台有一个方法:
public string ServerData()
???? {
???????? return "fdfdfdfdsf";
???? }
前台代码:
-->
<input id="Text2" type="text" value="<%=ServerData()%>"/>

3.js调用c#后台带参数的方法

<!--public string ServerData(string pram)
???? {
???????? return pram+",我是参数传进来的";
???? }
主要是处理好js的引号问题,多尝试就会正确
-->
<