Сортируемая Текстарея - PullRequest
Новая
       7

Сортируемая Текстарея

0 голосов
/ 31 декабря 2010

Я составил сортируемый список.

На основе порядка сортируемого списка я хочу вставить текст в текстовую область #notes. В любом случае, я могу отсортировать текст по списку, так что даже если я изменю порядок. текст в текстовой области должен измениться соответственно

например 

<ul>
<li>entry 1</li>
<li>entry 2</li>
</ul>


entry 1 = "this is line 1"
entry 2 = "this is line 2"

Я не уверен, должен ли я использовать Ajax или что-то еще, чтобы это сделать. так как я хочу, чтобы каждый элемент списка имел предопределенный текст.

Я пытаюсь выучить Jquery и буду очень признателен за любую помощь. любые советы о том, как я могу это сделать.

Вопрос

Где и как мне хранить эти предопределенные значения? Как получить текст в текстовой области отсортировано?

Может кто-нибудь, пожалуйста, укажите мне правильные направления

Ответы [ 2 ]

0 голосов
/ 31 декабря 2010

Может быть, написать функцию javascript для refreshTextarea(), которую вы будете использовать изначально для заполнения текстовой области, и каждый раз, когда сортировка изменяется, она будет «обновлять» ее, очищая и заполняя в зависимости от порядка сортировки списка.

Хорошо, чтобы связать значения с элементами списка, присвойте свой ul идентификатор и свои уникальные идентификаторы li 

<ul id="the-list">
    <li id="item-1">entry 1</li>
    ...
</ul>

, затем для каждого элемента списка создайте скрытый ввод с идентификатором, который каким-либо образом соответствует 

<input type="hidden" id="item-1-data" value="this is where you put info for the list item entry 1" />

Затем с помощью jquery вы программно связываете их, просматривая элементы списка и обновляя текстовую область после выполнения любой сортировки. 

$('#the-list li').each(function() {
    //get the id of the list's data field
    var li-data-id = $(this).attr("id") + '-data';

    // get the actual data associated with this list item
    var li-data = $(li-data-id).val();

    // append next list's data in the textarea
    $('#id-of-textarea').val($('#id-of-textarea').val() + "\n" + li-data)
}
0 голосов
/ 31 декабря 2010

Текстовая область - это просто капля текста.У вас должен быть какой-то способ определить, что представляет собой «сортируемая» линия.Или обновите все содержимое каждый раз, когда список изменяется.

...