处理列表中的按钮操作

时间:2011-10-31 09:33:54

标签: sencha-touch sencha-touch-2

我正在尝试使用sencha框架开发一个iphone应用程序。我需要在列表中显示一个项目列表。列表中的每个单元格也都有一个按钮。如果用户点击特定索引中的按钮,那么弹出窗口需要在按钮附近显示。我使用以下代码执行此操作

itemTpl : '<div class="div1"><label class = "tag-name-hdr"> {tagnamehdr} </label> <label class = "tag-name-value" style="width:55px;"> value </label>   <input type="text" class ="tag-name-text" name="lname" />  <label class = "unit-name" > unit </label> <select class = "unit-name_dropdown" > <option>mg/dr</option> <option>gm/dr</option> <option>m/dr</option> </select> <input type="image" id="popupbtn" class="template_popup_button" src="Images/arrow_more_orange.png" > </div>',

        listeners : {
            //itemtap : function(list, index, item, e, popupbtn) {
            itemtap : function(list, index, item, evt) {
                if(evt.getTarget('.template_popup_button')) {

                    alert(item);
                    alert(index);
                    showOverlay(item, evt, index);

                }
            }
        }

现在我的问题是弹出窗口正在显示所选单元格。我需要在点击按钮附近显示弹出窗口。有没有办法让点击的按钮对象显示靠近那个的叠加/弹出窗口。现在我将点击的项目单元格对象作为参数传递给“showOverlay”,我需要传递单击的按钮对象 提前谢谢..

1 个答案:

答案 0 :(得分:0)

evt变量包含有关该事件的信息。您可以检查evt.target是否是按钮(或您想要操作的按钮)。

请注意,如果你想要的只是每个单元格的一个按钮,你可以使用onItemDisclosure配置选项,它将为你添加一个处理器按钮。