Member 11052432 Ответов: 2

Создание тега div динамически на основе количества строк

Всем Привет,

У меня есть вопросы :-

У меня есть таблица базы данных, в которой есть строки.
На основе строк таблицы я хочу создать тег div динамически.

Мое требование заключается в том, что я должен создать div на основе количества строк базы данных.
если в БД есть 5 строк, то будет создан 1 div.
если в БД есть 20 строк, то будет создано 2 div.
если в БД есть 25 строк, то будет создано 3 div.
если в БД имеется 56 строк, то будет создано 6 div.


1-й див рядом со 2-м див.

Ниже приведены функции javascript:-

function LoadData(data)
{   
    var rows_count = 22; -- will be fetched from DB side
    var rowNum = Math.ceil(parseFloat(rows_count));

    var resultHtml = '';

    resultHtml += "<table style = \'width:100%;\' border=\'0\' colspan=\'2\' id=\'tbl_user\'>";    
    for (var i = 0; i <=rowNum-1 ; i++) {
        resultHtml += '<tr>';
        resultHtml += '<td border = 1><input type="name" placeholder="text goes here..."></td>';        
        resultHtml += '</tr>';         
        }
    }  
    resultHtml += '</table>';
}


Пожалуйста, помогите мне.
Большое спасибо !!!!!

Что я уже пробовал:

Я написал логику, но 22 строки создаются на одном теге div.
Я хочу показать 10 записей в 1 div и еще 10 записей во 2-м div и так далее..
Пожалуйста, помогите мне.

Ram Nunna

где вы написали код "Div"? Я не видел никакого кода для div.
Не могли бы вы обновить свой вопрос с помощью логики "Div".

2 Ответов

Рейтинг:
2

Altaf Ansari

попробовать это

function LoadData(data)
{   
    var rows_count = 10; -- will be fetched from DB side
    var rowNum = Math.ceil(parseFloat(rows_count));

    var resultHtml = '';

    resultHtml += "<table style = \'width:100%;\' border=\'0\' colspan=\'2\' id=\'tbl_user\'>";    
    for (var i = 1; i <=rowNum ; i++) {
        resultHtml += '<tr>';
        resultHtml += '<td border = 1><input type="name" placeholder="text goes here..."></td>';        
        resultHtml += '</tr>';         
        }
    }  
    resultHtml += '</table>';
}

Рейтинг:
2

GeoFinex

Если у вас есть определенное количество строк, то вы можете попробовать что-то вроде этого...

for (int i = 0; i < Dt.Rows.Count; i++)
{
    if (i == 5)
    {
        HtmlGenericControl div1 = new HtmlGenericControl("div");                        
        div1.ID = div1 + i.ToString();
        div1.InnerText = "First div created for 5 rows";
        form1.Controls.Add(div1);
    }

    else if (i == 20)
    {
        HtmlGenericControl div2 = new HtmlGenericControl("div");
        div2.ID = div2 + i.ToString();
        div2.InnerText = "Second div created for 20 rows";
        form1.Controls.Add(div2);
    }

     //and so on
}