Вопрос по asp.net-mvc-3, webgrid, razor – MVC 3 Webgrid делает всю строку кликабельной

6

Я использую webgrid в моем бритвенном представлении в MVC 3. Ниже показано, как выглядит моя webGrid, я хочу, чтобы вся строка была кликабельной, а также при передаче значения клика также методу javascript.

Я могу добиться вызова моего метода JavaScript на текст всех столбцов. Я хочу, чтобы то же самое происходило с кликом в любом месте на всем ряду.

Пожалуйста, объясните мне это. Спасибо

<code>           @grid.GetHtml(

            columns: grid.Columns(

            grid.Column("CompanyName", format: @<text><a href="javascript:SubmitValues('@item.Col1','@item.Col2','@item.Col3');">@item.CompanyName</a></text>, header: "ABC"),

            grid.Column("CompanyAddress", format: @<text><a href="javascript:SubmitValues('@item.Col1','@item.Col2','@item.Col3');">@item.CompanyName</a></text>, header: "DEF"),

            ))      

         }
</code>
Лол ! был награжден TumbleWeed за это: задавал вопрос без голосов, без ответов, без комментариев и низкого количества просмотров в течение недели. Надеюсь, теперь ответы начнут поступать! :П Yasser

Ваш Ответ

2   ответа
2

style: "click_able" на конкретный столбец вроде.

grid.Column("CompanyName", style: "click_able", format: @<text><a href="javascript:SubmitValues('@item.Col1','@item.Col2','@item.Col3');">@item.CompanyName</a></text>, header: "ABC"),

а затем добавить функцию щелчка, как.

<script type="text/javascript">
$(".click_able").click(function () {
    // Do something 
});

Это работает нормально в моем случае.

3

Добавьте htmlAttributes: new {id = & quot; MainTable & quot; } в вашей сетке.

<script type="text/javascript">
   $(function () {
        var tr = $('#MainTable').find('tr');
        tr.bind('click', function (event) {
            var values = '';
            var tds = $(this).find('td');


            $.each(tds, function (index, item) {
                values = values + 'td' + (index + 1) + ':' + item.innerHTML + '<br/>';
            });
            alert(values);


        });
    }); 


</script>
и как передать значения «@ item.Col1», «@ item.Col2», «@ item.Col»; к моей функции JavaScript? Yasser
Вы уже передаете параметр. Приведенный выше код только выделит строку. Отдыхай свой код сделаю

Похожие вопросы