Обработчики событий не работают - PullRequest
Новая
       1

Обработчики событий не работают

2 голосов
/ 06 сентября 2011

Итак, у меня есть следующий код, который я использую для создания формы. Когда вы щелкаете по полю, он проверяет, что самые последние данные из базы данных находятся в поле, а затем, когда вы покидаете поле формы, сохраняет текстобласть обратно в базу данных.В функции display () уже работает много других полей в форме.Однако это первое поле базы данных, с которым я работаю, это список (строка), поэтому я пытаюсь выяснить, как с этим обращаться.Когда я запускаю этот HTML, все выглядит правильно, и я даже могу видеть события для полей.Однако поля, созданные с помощью display_lp, не запускают события onclick или onblur.Есть причина почему? 

display_lp(path) = (
  List.mapi(
    x, characterlp ->     textid = "#edit_content_lp_{x}"
    divid = "#show_content_lp_{x}"
   <div class="show_content" id={divid} onclick={_ -> edit_lp(path, x) }>
        {x+1}:
        <textarea class="edit_content" id={textid} cols="20" rows="1" onblur={_ -> save_lp(path,x) } >
            {characterlp}
        </textarea>
    </div>
    , /characters[path]/lifepaths)
)

display(path) = (
   Resource.styled_page("{path}'s character sheet",["/resources/css.css"],
              /* a bunch of other irrelevant html *?
            <div class="show_content" id=#show_content_lp> Lifepaths:  { display_lp(path) }
            </div>
            <a href="..">Back to Directory</a>
      )
)

Ответы [ 2 ]

2 голосов
/ 06 сентября 2011

Я проверил код, похожий на ваш, и кажется, что onclick, onblur не срабатывают, потому что ваши идентификаторы неверны, вы должны удалить # символов, например: 

  textid = "edit_content_lp_{x}"
  divid = "show_content_lp_{x}"

Однако, если вы хотите использовать #, вы должны сделать: 

my_id_var = "some_text_{nb}"
<div id=#{my_id_var}>...</div>

Заметили ли вы разницу?

0 голосов
/ 06 сентября 2011

Это минимальный код, показывающий, как использовать onclick, onblur для текстовой области. 

do_click(_event) =
  jlog("CLICK: {Dom.get_value(#tt)}")

do_blur(_event) =
  jlog("BLUR: {Dom.get_value(#tt)}"

main() =
  <textarea id=#tt
            onclick={do_click}
            onblur={do_blur)}>Hello</textarea>

server = Server.one_page_bundle("OpaTest", [], [], main)

Примечание: нет проблем с добавлением onclick в div, но я хотел, чтобы он был простым

...