0

我正在尝试在我的移动应用程序上使用 kendo ui 移动框架。我必须在列表视图中动态创建按钮，并且还必须在单击功能上创建按钮。

如果我在 html 正文中编写，一切正常，并且按钮在单击功能时表现正常。

<ul data-role="listview" data-style="inset" id="genericListView">
   <li>
        <input type="text">sample
             <a data-align="right" data-role="button" data-click="browse" id="browse"></a>
        </input>
   </li>
</ul>

但如果我写如下：

$('#genericListView').append('<li id="' + result[i].ListItemID + '"><input name="' + result[i].ListItemElementText + '"type="' + result[i].ListItemElementType + 
                        '" id="' + result[i].ListItemElementID + '">' + result[i].ListItemElementText + '<a data-align="left" data-role="button" id="' + result[i].ListItemElementBrowsableID + 
                        '" data-click="' + funcName + '"></a></input></li>');

按钮看起来像屏幕上的标签，当然点击功能不起作用。

我也尝试添加按钮

1.输入和按钮标签（不工作）

  1. 使用 document.createElement 创建按钮并尝试设置属性（不工作）

  2. $('ul').listview('刷新'); （附加后，不工作）

  3. .trigger('创建'); （附加后，不工作）

    我认为这是 android css （在 kendoui 移动框架中）的错误，因为它在 iOS 设备上正常工作。任何想法如何解决这个问题？还是我想念什么？

4

1 回答 1

1

固定的：

$('#' + result[i].ListItemElementBrowsableID).kendoMobileButton({ 
                                click: function (event) {
                                    alert('foo');
                                }
                            });

如果您使用 kendoMobileButton 选项，则锚按钮看起来像一个按钮，并且在用户按下按钮时可以表现，这是相同的解决方案。

于 2013-01-09T07:31:46.763 回答