小编Beh*_*nam的帖子

向页面添加大量元素时性能不佳

我已经生成了一个表,但是我使用<div>s而不是<tr>s和<td>s。这是一个例子:

<div class="tbl tbl1">
    <div class="thead">
        <div class="tr">
            <div class="td colTitle" style="width: 120px"><span>Title</span></div>
            <div class="td colLink" style="width: 190px"><span>Link</span></div>
            <div class="td colSize numeric" style="width: 75px"><span>Size(MB)</span></div>
            <div class="td colUploadDate" style="width: 75px"><span>UploadDate</span></div>
            <div class="td colOpen" style="width: 50px; max-width: 50px;"><span>Show</span></div>
        </div>
        <div class="tr">
            <div class="td colTitle">
                <input type="text" class="Filter" />
            </div>
            <div class="td colLink">
                <input type="text" class="Filter" />
            </div>
            <div class="td colSize">
                <input type="text" class="Filter" />
            </div>
            <div class="td colUploadDate">
                <input type="text" class="Filter" />
            </div>
            <div class="td colOpen"> …
Run Code Online (Sandbox Code Playgroud)

html javascript arrays jquery

6
推荐指数
1
解决办法
153
查看次数

如何优化向网页动态添加大量元素

我需要从数据库中检索许多记录并将它们显示给用户。我使用ajax进行此操作,并将应添加到页面的所有内容存储在单个字符串中。目前,我在加载时间上有问题(每100条记录1秒)。例如,加载1000行需要10秒,而查询本身可以在不到1秒的时间内完全执行。这意味着瓶颈正在创建元素并将其添加到网页中。

//client side code    
$(document).ready(function () {
    loadGrid(function () {
    $(".rowCount").val($(".tbody .tr:visible").length);
});

function loadGrid(callback) {
    $.ajax({
        type: "POST", url: "Ledger.aspx/LoadGrid",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
            $(".tbody").html(response.d);   //response.d = '<div class='tr'> <div class='td colIdVchItm'>1</div>...</div>'
            callback();
        },
        failure: function (response) {
            ShowMessage(response.d);
        }
    });
}
Run Code Online (Sandbox Code Playgroud)
//server side code
[WebMethod]
    public static string LoadGrid()
    {
        string q = @"select cast((select 'tr' as [@class],  
'td colIdVchItm' as [div/@class] , a.IdVchItm as [div], ' ',
'td colNo' as …
Run Code Online (Sandbox Code Playgroud)

html sql sql-server ajax jquery

6
推荐指数
1
解决办法
198
查看次数

如何将SQL查询结果转换为具有属性的html标记

请考虑下表在SQL Server数据库中:

Id    ProductName   Price    Size
-----------------------------------
1     T-Shirt       1000     M
2     Jeans         1800     L
Run Code Online (Sandbox Code Playgroud)

如何将此表转换为以下HTML字符串:

<div class='row' Id='1' size='M'>
    <div class='cell'>T-Shirt</div> 
    <div class='cell'>1000</div>
</div>
<div class='row' Id='2' size='L'>
    <div class='cell'>Jeans</div> 
    <div class='cell'>1800</div>
</div>
Run Code Online (Sandbox Code Playgroud)

html xml t-sql sql-server sql-server-2014

2
推荐指数
1
解决办法
358
查看次数

如何获取Javascript中的以前的日期?

我试过下面的代码来获取某个日期的以前的日期:

var d = new Date("2019","12","21");
d.setDate(d.getDate() - 1 );
alert(d.getFullYear()+"-"+d.getMonth()+"-"+d.getDate());
Run Code Online (Sandbox Code Playgroud)

我希望此代码返回:“ 2019-12-20”。但它返回:' 2020-0-20'。

有人可以解释为什么此代码如此工作吗?以及如何修改我的代码以获取以前的日期?

javascript date

1
推荐指数
1
解决办法
61
查看次数

标签 统计

html ×3

javascript ×2

jquery ×2

sql-server ×2

ajax ×1

arrays ×1

date ×1

sql ×1

sql-server-2014 ×1

t-sql ×1

xml ×1