none
Добавление элементов в список RRS feed

  • Вопрос

  • Здравствуйте. Такой вопрос: на странице есть контрол BulletedList. Есть также поле ввода и кнопка (записывает текст из поля в список). Всё сделано на jquery. Вся проблема в том что изначально BulletedList должен быть пуст, а когда он пустой, то на клиенте вообще не отображается => и записать я туда ничего не могу при помощи jquery.

    Использовать обычный html список <ul> не смог, так как далее надо будет записывать элементы списка в БД. Подскажите пожалуйста что делать?

    Вот листинг:

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
        <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
        <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
        <style>
            #sortable
            {
                list-style-type: none;
                margin: 0;
                padding: 0;
                width: 60%;
            }
            #sortable li
            {
                margin: 0 3px 3px 3px;
                padding: 0.4em;
                padding-left: 1.5em;
                font-size: 1.4em;
                height: 18px;
            }
            #sortable li span
            {
                ;
                margin-left: -1.3em;
            }
        </style>
        <script>
            $(function () {
                $("#Button1").click(function () {
                    var txt = $("#TextBox1").val();
                    $("#sortable").append("<li class='ui-state-default'><span class='ui-icon ui-icon-arrowthick-2-n-s'></span>" + txt + "</li>");
                });
                $("#sortable").sortable();
                $("#sortable").disableSelection();
            });
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        </div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <br />
        <br />
        <input id="Button1" type="button" value="button" />
        <p>
        </p>
        <asp:BulletedList ID="sortable" runat="server">
        </asp:BulletedList>
        <br />
        <br />
        <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="Save BD" />
        </form>
    </body>
    </html>

    16 декабря 2012 г. 9:07

Ответы

Все ответы