数据库值使用json填充为表行内的复选框

时间:2015-10-05 11:40:34

标签: javascript json ajax checkbox cells

我想使用json

查看以下数据库表

enter image description here

我可以填充属性ID和属性标题,但我不能将Is-checked列值填充为Check-box

这是现在的代码

    <table class="table">
    <thead>
        <tr>
        <th>Property ID</th>
        <th>IsChecked</th>
        <th>Property Tile</th>
        </tr>
    </thead>
    <tbody id="table"></tbody>
</table>

<table id="template" class="table" style="display: none;">
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>


</table>


<script type="text/javascript">

</script>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/jqueryui")




    <script type="text/javascript">

            var url = '@Url.Action("FetchProductProperties")';
            var editUrl = '@Url.Action("Edit")';

            var type = $('#Type');
            var category = $('#Category');
            var country = $('#Country');
            var product = $('#Product');


            var template = $('#template');
            var table = $('#table');
            $('#search').click(function () {
                table.empty();
                $.getJSON(url, { type: type.val(), category: category.val(), country: country.val(), product: product.val() }, function (data) {
                    $.each(data, function (index, item) {
                        var clone = template.clone();
                        var cells = clone.find('td');
                        cells.eq(0).text(item.ID);
                        if (item.CheckOrNot === 'true') {
                            cells.eq(1).find('input[type="checkbox"]').prop('checked', true);
                        }
                        cells.eq(2).text(item.Name);
                        table.append(clone.find('tr'));
                    });
                });
            });

            $('#resetborchure').click(function () {
                table.empty();
            });

    </script>


}

如果没有json.like ajax call

,还有其他选择吗?

这就是现在的样子

enter image description here

0 个答案:

没有答案