0

I am a beginer ...I don't know how to use dropdown in MVC this....I have used it like this

In ItemMaster.cshtml

 @Html.DropDownList("ProductName", ViewData["ProductName"] as SelectList)

In Controller.cs

public ActionResult ItemMaster(Item model)
{
 ObservableCollection<Item> ItemList = new ObservableCollection<Item>();
 Item Item = new Models.Item();
 ItemList = Item.GetItemList();

 Item Product = new Item();
 DataTable dtProduct = new DataTable();
 dtProduct = Item.GetProductList();

 IList<Item> MyList = new List<Item>();
 foreach (DataRow mydataRow in dtProduct.Rows)
 {
     MyList.Add(new Item()
     {
         Id = Convert.ToInt32(mydataRow["Id"].ToString().Trim()),
         Product_Name = mydataRow["Name"].ToString().Trim()
     });
 }
 var ProductName = new SelectList(MyList, "Id", "Product_Name");
 ViewData["ProductName"] = ProductName;

     return View(ItemList);
}

I am using Item list to fill grid view.... And I am using view data to fill drop down list....It is working fine.... I don't know how to get selected value when Button is clicked.

4

2 に答える 2

1

これを試して、

 @Html.DropDownList("ProductName", ViewData["ProductName"] as SelectList)

<input type="button" id="btnasd"  value="Click"/>

脚本

<script type="text/javascript">
    $(document).ready(function () {

        $("#btnasd").click(function () {
            var Id = $("#ProductName").val();
             $.ajax({
            url: '@Url.Action("Action", "Controller")',
            type: "Post",
            data: { ProductNameId: Id },
            success: function (result) {

                $("#mygrid").html('');
                $("#mygrid").append(result.Data);
            }
        });
        });
});
</script>
于 2013-09-07T06:21:41.780 に答える
-1

以下を実行します (DropDownList の onchange イベントの場合):

@Html.DropDownList("ProductName", ViewData["ProductName"] as SelectList,
 "-Select Product-", new { onchange = "doFunction();" })

JavaScript:

<script type="text/javascript">
$(document).ready(function () {
        doFunction();
    });
function doFunction() {
   var PassVal = $("#ProductName").val(); //It has dropdownlist's selected value.
   if (PassVal != '') {
           //Do Ajax operations to load data in GridView(On Same Page).
      $.ajax({
        url: '<CONTROLLER/ACTIONANME>',  //Specify Actionname in controller from which you will get data.
        type: "POST",
        data: {
            ProductName: PassVal
        },
        dataType: "html",
        success: function (data) {
          $("#GridView").empty(data);  //empty gridview
          $("#GridView").html(data); //Load data to gridview
        },
        error: function () {
          alert("No Records Found");
         }
      });
   }
}
</script>

またはボタンクリック時

@Html.DropDownList("ProductName", ViewData["ProductName"] as SelectList,
     "-Select Product-")
<input type="button" id="btnSubmit"  value="Submit"/>

脚本：

    $('#btnSubmit').click(function(){
     var PassVal = $("#ProductName").val(); //It has dropdownlist's selected value.
       if (PassVal != '') {
               //Do Ajax operations to load data in GridView(On Same Page).
          $.ajax({
            url: '<CONTROLLER/ACTIONANME>',  //Specify Actionname in controller from which you will get data.
            type: "POST",
            data: {
                ProductName: PassVal
            },
            dataType: "html",
            success: function (data) {
              $("#GridView").empty(data);  //empty gridview
              $("#GridView").html(data); //Load data to gridview
            },
            error: function () {
              alert("No Records Found");
             }
          });
       }
});

何か質問があれば聞いてください。

注: モデル バインドされたドロップダウンに DropDownListFor を使用することもできます。

于 2013-09-07T06:17:15.060 に答える