Форум программистов, компьютерный форум, киберфорум
Наши страницы
C#: ASP.NET MVC
Войти
Регистрация
Восстановить пароль
 
taras_student
-3 / 0 / 6
Регистрация: 21.06.2015
Сообщений: 152
1

Check box list для свойств класса модели

25.03.2017, 15:40. Просмотров 205. Ответов 2
Метки нет (Все метки)

Здравствуйте, недавно начал учить ASP MVC. Вопрос такой: как мне создать Checkbox list в котором каждый элемент это свойство класса продукт? И чтобы если например я отмечаю элементы Name и Price то браузер выводит только эти столбцы таблицы а если убираю отметки то снова выводятся все столбцы?
C#
1
2
3
4
5
6
7
8
9
namespace WebApplication14.Models
{
    public class Product
    {
        public string Name { get; set; }
        public int Price { get; set; }
        public string Description { get; set; }
    }
}
C#
1
2
3
4
5
6
7
8
9
10
  
 public ActionResult Index()
        {
            List<Product> list = new List<Product>();
            list.Add(new Product { Description="bla-bla-bla",Name="SuperProduct",Price=100});
            list.Add(new Product { Description = "bla2-bla2-bla2", Name = "SuperProdu22", Price = 1000 });
            list.Add(new Product { Description = "bla3-bla-3bla3", Name = "SuperP3ro3duc3t", Price = 3100 });
            list.Add(new Product { Description = "bla4-bla4-bla4", Name = "Super4Product4", Price = 444100 });
            return View(list);
        }
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<body>
 
    <div>
       
        <table>
            <tr>
                <td>Назва</td>
                <td>Ціна</td>
                <td>Опис</td>
            </tr>
           
            @foreach (var i in Model)
            {
                <tr>
                    <td>@i.Name </td>
                    <td>@i.Price</td>
                    <td>@i.Description</td>
                </tr>
 
            }
        </table>
  
    </div>
</body>
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.03.2017, 15:40
Ответы с готовыми решениями:

Как получить значения поля List<> модели при сабмите формы?
Привет Что-то затруднился. Есть модель, у которой одно из полей типа List&lt;&gt;: ...

Передача в контроллер модели определенного класса
Создал две модели: public class Note:Entity { ...

Задать value для check box
Добрый день! Как задать значение для чек бокса ? Например, цену товара. И...

List Box. Копирование выделенных строк в Combo Box
Здравствуйте форумчане! Выручайте. Я проболела 2 недели. Пока болела вся...

List box и Checked list box
Помогите пожалуйста новичку,нужно создать программу “Города и памятники”,...

2
Usaga
Эксперт .NET
5279 / 3583 / 626
Регистрация: 21.01.2016
Сообщений: 14,275
Завершенные тесты: 2
26.03.2017, 05:55 2
taras_student, каждый checkbox будет связан с некоторым условием, которое должно будет в цикле проверяться при выводе таблицы для каждого поля. Ну или клиентский сценарий (JS), который будет просто скрывать нужные колонки (таблица всегда будет выводиться полностью).
0
taras_student
-3 / 0 / 6
Регистрация: 21.06.2015
Сообщений: 152
27.03.2017, 17:17  [ТС] 3
Я решил выбрать клиентский сценарий. Талько в JS я не очень силен. Нашел библиотеку для отображения списка чекбоксов MultiSelect но дальше не согу понять что делать чтобы при нажатии на кнопку прятались колонки которые не были отмечены в выпадающем списке?

Check box list для свойств класса модели


C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
@model IEnumerable<WebApplication14.Models.Customer>
 
@{
    ViewBag.Title = "Customers";
}
<!DOCTYPE html>
<html>
 
<head>
    <meta name="viewport" content="width=device-width" />
    <link rel="stylesheet" href="~/Content/bootstrap.min.css">
    <link rel="stylesheet" href="~/Content/bootstrap-multiselect.css">
    <script src="~/Scripts/jquery-3.1.1.min.js"></script>
    <script src="~/Scripts/bootstrap-multiselect.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
</head>
 
 
<body>
    <style>
        .multiselect-container > li > a > label {
            padding: 4px 20px 3px 20px;
        }
    </style>
 
    <script>
[JS]
 $(function () {
            var column;
            $('#chkveg').multiselect({
                nonSelectedText: 'Вибрати стовбчики',
                selectAllValue: 'Вибрати всі',
                includeSelectAllOption: true
 
            });
 
            $('#btnget').click(function () {
 
                alert($('#chkveg').val());
 
            })
 
            document.getElementById("chkveg").onclick = function () {
 
                alert("hello");
            }
 
            $('select#chx1Hide').click(function () {   //это не работает, почему? Нужно же как-то сохранять какие колонки //..отмечены но функция не срабатывает. И как вообще это сохранение реализовать
 
                alert("hello","world");
 
            })
 
        })
[/JS]
       
    </script>
 
 
 
    <form id="form1">
 
        <div style="padding:20px">
            <select id="chkveg" multiple="multiple">
                <option id="chx1Hide" value="">
                    @Html.DisplayNameFor(model => model.customerID)
                </option>  
                <option>
                    @Html.DisplayNameFor(model => model.DateOfRegistration)
                </option>
                <option>
                    @Html.DisplayNameFor(model => model.Email)
                </option>
                <option>
                    @Html.DisplayNameFor(model => model.Orders)
                </option>       
            </select>
            <br />
            <br />
 
            <input type="button" id="btnget" value="Відобразити обрані стовбчики таблиці" />
 
        </div>
 
    </form>
 
 
    <p>
        @Html.ActionLink("Create New", "Create")
    </p>
 
 
    <table class="table">
        <tr>
            <th id="customerID">
                @Html.DisplayNameFor(model => model.customerID)
            </th>
            <th id="DateOfRegistration">
                @Html.DisplayNameFor(model => model.DateOfRegistration)
            </th>
            <th id="Email">
                @Html.DisplayNameFor(model => model.Email)
            </th>
            <th id="Orders">
                @Html.DisplayNameFor(model => model.Orders)
            </th>
            <th></th>
        </tr>
 
        @foreach (var item in Model)
        {
            <tr>
                <td data-checkbox="true">
                    @Html.DisplayFor(modelItem => item.customerID)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.DateOfRegistration)
                </td>
                <td data-checkbox="true">
                    @Html.DisplayFor(modelItem => item.Email)
                </td>
 
                <td data-checkbox="true">
                    @Html.DisplayFor(modelItem => item.Orders)
                </td>
 
                <td>
                    @Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) |
                    @Html.ActionLink("Details", "Details", new { /* id=item.PrimaryKey */ }) |
                    @Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ })
                </td>
            </tr>
        }
 
    </table>
</body>
</html>
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
27.03.2017, 17:17

Изменение Check Box
Здравствуйте. Как поменять стиль(форму) Checkbox(Сделать его круглым,...

вопрос по Check Box
Всем доброго времени суток! Вопрос наверно немного глупый, но я не очень силён...

Как использовать Check Box?
Проблема с использованием Check Box. Есть скрипт GUID и скрипт с основной...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru