ارسال لیستی از Customer ها به از Veiw به Controller

با سلام دوستان من صفحه ای دارم که میخوام مثلا تعداد پنچ تا مشتری رو با کلیک روی یک دکمه ارسال کنم به لایه کنترلر
میخواستم ببینم چطوری این کارو انجام بدم من یک مشتری رو میتونم ارسال کنم .. اما چند تا رو نمیدونم .

ضمیمه 147252

Controller :

public ActionResult SaveCustomer(List<Customer> items)

        {

            var Db = new DataBase();

            foreach (var item in items)

            {

                Customer cust = new Customer() { NameCustomer = item.NameCustomer, FamilyCustomer=item.FamilyCustomer,Tel=item.Tel };

                Db.Customers.Add(cust);

                Db.SaveChanges();

                int CustomserID = cust.Id;





                CustomerProduct CuPr = new CustomerProduct() { ProductId = _productID, CustomerId = CustomserID };

                Db.CustomerProducts.Add(CuPr);

                Db.SaveChanges();

            }

View :

<div style="padding-top:30px;padding-right:20px">





    <div>

        <div>

            نام

            <input class="input-medium" style="margin-left:10px" id="NameCustomer" type="text" />

            نام خانوادگی :

            <input class="input-medium" style="margin-left:10px" id="FamilyCustomer" type="text" />

            شماره تلفن :

            <input class="input-medium" style="margin-left:10px" id="TelCustomer" type="text" />

            <br />

        </div>





        <div>

            نام

            <input class="input-medium" style="margin-left:10px" id="NameCustomer1" type="text" />

            نام خانوادگی :

            <input class="input-medium" style="margin-left:10px" id="FamilyCustomer1" type="text" />

            شماره تلفن :

            <input class="input-medium" style="margin-left:10px" id="TelCustomer1" type="text" />

            <br />

        </div>





    </div>

    <input class="btn btn-large btn-success" style="margin-right:550px;margin-top:45px" type="button" onclick="Save()" value="ثبت" />

</div>

JQuery :

<script>

    function Save() {





        var Customer1 = {

            NameCustomer: $('#NameCustomer').val(),

            FamilyCustomer: $('#FamilyCustomer').val(),

            TelCustomer: $('#TelCustomer').val(),

        };

        var Customer2 = {

            NameCustomer: $('#NameCustomer1').val(),

            FamilyCustomer: $('#FamilyCustomer1').val(),

            TelCustomer: $('#TelCustomer1').val(),

        };





        var Data = {

            Cust1: Customer1,

            Cust2: Customer2

        }

                $.ajax({

                    type: "POST",

                    url: "/Product/SaveCustomer",

                    data: JSON.stringify(Data),

                    contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    success: function (response) {

                        alert("success");

                    },

                    error: function (response) {

                        alert(response.responseText);

                    }

        });

    }

</script>

وقتی Input میسازید قسمت name باید دارای یک اندیس باشه.


NewCustomer[1]
NewCustomer[2]
NewCustomer[3]
...


سیستم ModelBinding این اندیس هارو به آرایه تبدیل میکنه.
در این روش نیاز به هیچ کد جاوا اسکریپت ندارید.

راه دیگه استفاده از ajax و استفاده از json هست. باید آرایه از Customer ها درست کنید و بعد ارسال کنید.

Date={[Customer1,Customer2,...]}

ممنون .. میشه یه مثل بزنید .. من الان به صورت ارسال کردم ولی چیزی ارسال نشد ...

        public ActionResult SaveCustomer(Customer[] items)

        {





        }

 function Save() {





        var Customer1 = {

            NameCustomer: $('#NameCustomer').val(),

            FamilyCustomer: $('#FamilyCustomer').val(),

            TelCustomer: $('#TelCustomer').val(),

        };

        var Customer2 = {

            NameCustomer: $('#NameCustomer1').val(),

            FamilyCustomer: $('#FamilyCustomer1').val(),

            TelCustomer: $('#TelCustomer1').val(),

        };





        var Data = {

             Customer1,

             Customer2

        }

                $.ajax({

                    type: "POST",

                    url: "/Product/SaveCustomer",

                    data: JSON.stringify(Data),

                    contentType: "application/json; charset=utf-8",

                    dataType: "json",

                    success: function (response) {

                        alert("success");

                    },

                    error: function (response) {

                        alert(response.responseText);

                    }

        });





    }

 <input name="NewCustomer[1]"type="text"/>

 <input name="NewCustomer[2]"type="text"/>

 <input name="NewCustomer[3]"type="text"/>

نه مشکل من اینه چنتا آبجکت ( مثلا مشتری و کالا ، ... ) میخوام باهم بفرستم سمت سرور ( کنترلر ) .. اما به اینصورت چیزی سمت سرور منتقل نمیشه



ضمیمه 147302