Jquery 模板数据绑定插件的使用方法详解

2020-05-19 07:28:46易采站长站整理

                    </div>
                </div>
            </div>
        </dd>
    </div>

后台进行取数据绑定,绑事件等。

    //获取许愿墙数据
    $.get(“control/controler.ashx?t=” + new Date(), { type: ‘heartwall’, date: new Date() }, function (data) {
        var jsonData = eval(“(” + data + “)”);
        //alert(jsonData.table[1].title);
        RenderTemplatefunction($(“#ItemList”), $(“#ItemTemplate”), jsonData.table);
        $(“#ItemList”).children(“dd”).each(function (index) {
            var tTr = this;
            var selectedItem = $.tmplItem(this);
            var tmp_title = $(tTr).find(“#item_title”);
            var tmp_person = $(tTr).find(“#item_person”);
            var tmp_date = $(tTr).find(“#item_date”);
            var btnTitle = $(tTr).find(“#btnTitle”);
            var bgNumber = “it” + Math.floor(Math.random() * 10 + 9) + “.jpg”; //1-10的随机数
            var bg = $(tTr).find(“.bg”);
            bg.css(‘background-image’, “url(‘img/bg/” + bgNumber + “‘)”);
            var getRandomColor = function () {
                return (function (m, s, c) {
                    return (c ? arguments.callee(m, s, c – 1) : ‘#’) +
                        s[m.floor(m.random() * 16)]
                })(Math, ‘0123456789abcdef’, 5)
            }