0

全て、

Web サービス メソッドから返されたドロップダウン リスト項目の配列を ddlSubCategory asp.net サーバー コントロールにバインドするにはどうすればよいですか? これが私のコードです。jquery OnSuccess メソッドのコメントを参照してください。

<script type="text/javascript">
    $(document).ready(function () {
        $('#<%=ddlParentCategory.ClientID%>').change(function () {
            var selectedParentCategory = getParentCategorySelectedValue();
var params=  []; 
params[id] = selectedParentCategory;  

          $.ajax({
                              type: "POST",
                              url: "MyWebService.asmx/GetSubCategoryItems",
                              data: params,               
                              contentType: "application/json; charset=utf-8",               
                              dataType: "json",               
                              success: OnSuccess,               
                              error: OnError
           });
                      });

    function OnSuccess(data, status) {
;// need to populate ddlSubCategory <asp:DropDownList on UI now
;// using returned array of drop down list items from the web service
    }        

    function OnError(request, status, error) {
                   alert(request.statusText);
    }

        function getParentCategorySelectedValue() {
            var SelectedVal = $('#<%=ddlParentCategory.ClientID %>').val();
            return SelectedVal;
        }

   });    
</script>

Here is my web service web method returning the array of list items:

[WebMethod]
        public ListItem []  GetSubCategoryItems(int id)
        {
            using (var dc = MyDataContext.Open())
            {
                return dc.SubCategory
                    .OrderBy(sc => sc.Name)
                    .Select(sc => new ListItem()
                                     {
                                         Value = sc.ID.ToString(),
                                         Text = sc.Name
                                     })
                    .Prepend(new ListItem() {Value = "", Text = "Please Select"})
                    .ToArray();
            }
        }

助けてくれてありがとう！

4

2 に答える 2

1 
function OnSuccess(data, status) {
   var array = JSON.parse(data).toArray(); 
   var ddl = $('#<%=ddlParentCategory.ClientID %>');
   for (var item = 0; item < array.length; item++)
   {
      $(ddl).append($("<option>" + item + "</option>"))
   }
}

詳細はこちら: http://www.dotnetfunda.com/articles/article999-dynamically-adding-an-item-in-a-dropdownlist-control.aspx 頑張ってください。

于 2012-07-04T13:19:23.913 に答える
1

次のようなことを試すことができます：

function OnSuccess(data, status) {
    // create a variable to the array
    var list = data;
    //get your combobox
    var $select = $('#<%=ddlParentCategory.ClientID %>'); 
    //check if it contains some items
    if (list.length > 0) {
        $select.empty().append('<option value="0">Please select...</option>');
        $.each(list, function () {
            $select.append($("<option></option>").val(this['Value']).html(this['Text']));
        });
        // $select.val(valueselected); //if you want to select a value... add this line
    }
    else //empty result from array
        $select.empty().append('<option selected="selected" value="0">Empty...<option>');
}

Web サービスの Web メソッドから配列を返す方法はわかりませんが、それを機能させるには、次の項目を考慮する必要があります。

  • [System.Web.Script.Services.ScriptService]Web サービスはスクリプトからアクセスできる必要があるため、Web サービス クラスに属性を追加します。
  • Web サービス メソッドを get 経由でアクセスできるようにします (ブラウザから直接アクセスしてみてください)。web.config ファイルでこのようなことを行うことができます。
  • jsonフォーマットに戻り、このリンクを見てください
  • data関数のパラメーターにOnSuccess配列のプロパティがないことを確認してください。data.items
于 2012-07-04T13:02:43.257 に答える