找回密码
 立即注册

QQ登录

只需一步,快速开始

xiekj0808

高级会员

2

主题

8

帖子

1144

积分

高级会员

积分
1144

活字格认证

最新发帖
xiekj0808
高级会员   /  发表于:2014-11-14 15:13  /   查看:6432  /  回复:6
如何在javascript中获取已经选择的C1AutoComplete控件的“DataValueField”,“DataLabelField”,“DataCategoryField”的属性值。

6 个回复

倒序浏览
Alice
社区贡献组   /  发表于:2014-11-14 19:09:00
沙发
回复 1楼xiekj0808的帖子

这几个属性都是配合绑定使用的。
你是否想通过javascript代码获得绑定的Label或是text?
代码参考:
  1. <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>

  2.         <script type="text/javascript">

  3.             $(document).ready(function () {

  4.                 $("#C1AutoComplete1").c1autocomplete({

  5.                     select: function (e, args) {

  6.                         var label = args.item.label;

  7.                         $("#C1AutoComplete1").c1autocomplete("option", "text", label);

  8.                         setTimeout(function () {

  9.                             $(".wijmo-wijtextbox").val(label);

  10.                         }, 10);

  11.                     }

  12.                 });

  13.             });

  14.     </script>

复制代码
请点击评分,对我的服务做出评价!  5分为非常满意!

葡萄城控件服务团队

官方网站: http://www.gcpowertools.com.cn
回复 使用道具 举报
xiekj0808
高级会员   /  发表于:2014-11-14 19:59:00
板凳
三个属性我都已经banding好了,
var strText;
strText = $(&quot;#C1AutoComplete1&quot;).c1autocomplete(&quot;option&quot;, &quot;text&quot;);
alert(strText);//提示我是[object,object]
所以我想请教,该属性该怎么获取?
我想获取“Category”
回复 使用道具 举报
iceman
社区贡献组   /  发表于:2014-11-17 17:34:00
地板
回复 3楼xiekj0808的帖子

抱歉,目前没有找到前台获取 Category 的方法。可以尝试前台添加 HiddenField 把 Category 写进去,不知道能否满足您的需求?
回复 使用道具 举报
xiekj0808
高级会员   /  发表于:2014-11-19 08:47:00
5#
category我已经获取。
// DataLableField和DataValueField如果设置不一样,则选中后用户看不懂的数字,所以使用DataCategoryField
<div>
        <wijmo:C1AutoComplete ID="C1AutoComplete1" runat="server" Width="140px"
        DataLabelField="WaferFullName"
        DataSourceID="SqlDataSource3" DataValueField="WaferFullName"
        DataCategoryField="WaferId" LoadOnDemand="True"
        onclientselect="C1Aselect" DataMember="DefaultView">
        </wijmo:C1AutoComplete>
</div>

//全局变量
$(document).ready(function () {
            var c1category;
            var c1label;
});
//选择事件
function C1Aselect(e,args){
            if (args.item != null)
            {
                c1label = args.item.label;
                c1category = args.item.category;
                $("#<%=C1InputText1.ClientID %>").c1inputtext("option", "text", c1label.toString());
            }
        }

//C1Dialog的确定按钮
function onBtnnewokpClick() {
            var strWaferid;
            var dPrice;
            var strnickname;
            var strsupplyid;
            var waferid;

            strsupplyid = "<%=nFactoryId %>";
            dPrice = $('#<%=C1InputNumeric1.ClientID %>').c1inputnumeric('option', 'value');
            strnickname = $("#<%=C1InputText1.ClientID %>").c1inputtext("option", "text");
            if (c1category < 1)
                retrun;
            waferid = c1category;
            $.ajax({
                type: "OST",                      //提交方式  
                url: "WaferFactoriesConfig.aspx/InsertNewFactoryPInfo",    //提交的页面/方法名  
                data: "{'strsupplyid':'" + strsupplyid + "','strwaferid':'" + waferid + "','strwafersupplyprice':'" + dPrice + "','strwafersupplyalias':'" + strnickname + "'}",     //参数(如果没有参数:null)  
                dataType: "json",                  //类型  
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    //返回的数据用data.d获取内容
                    if (data.d) {
                        onBtnnewcancelPClick();
                        openOkDialog();
                        location.reload();//
                    }
                    else { openErrDialog(); }

                },
                error: function (err) {

                }
            });
        }
但现在我又遇到一个问题,就是,
代码:
$("#C1AutoComplete2").c1autocomplete("option", 'text', "<%=strWaferName %>");
对于控件C1AutoComplete2没有效果,不显示我的设置值。
回复 使用道具 举报
iceman
社区贡献组   /  发表于:2014-11-19 19:29:00
6#
回复 5楼xiekj0808的帖子

问题已经查收,有进一步结果反馈给您。
回复 使用道具 举报
iceman
社区贡献组   /  发表于:2014-12-8 10:53:00
7#
回复 5楼xiekj0808的帖子

抱歉,久等了。

5# 中的问题我这边重现了,我理解您的需求是希望修改 C1AutoComplete 的值,可以尝试以下代码:

  1.     <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  2.     <script type="text/javascript">
  3.         function test() {
  4.             var c1auto = $("#C1AutoComplete1");
  5.             c1auto.val("test");
  6.         }
  7.     </script>
复制代码


上述代码使用的是 jquery 通用接口进行实现的,如果不符合您的需求可以继续跟进。
谢谢
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部