Angular X-Editable Remote按钮?

时间:2016-11-07 19:41:09

标签: javascript php jquery angularjs inline-editing

我正在使用Angular X-Editable来允许用户在ng-repeat中编辑列表项。

我正在使用这种方法:https://vitalets.github.io/angular-xeditable/#text-btn

但是,我被要求修改此应用程序,以便用户可以通过单击它突出显示重复中的行,然后单击并编辑其他位置的按钮,将选择的任何行放入x - 可编辑的“编辑模式”。

查看他们的文档我看不到这样做的方法,也没有将行放入编辑模式的事件。我可以在我的ng-click处理程序中单击该行的$ index,但是看不到将该行置于编辑模式并捕获所做的编辑。

到目前为止,我的ng-repeat是这样的,它来自上面链接的示例,并显示了一个“铅笔”按钮,用于编辑它。它工作正常,但如何从工具栏上的一个按钮等编辑所有项目?

       <div class="list-group-item" ng-repeat="level1 in pmt..level1 track by $index">

        <button ng-click="textBtnForm.$show()" ng-hide="textBtnForm.$visible">
         <i class="fa fa-pencil" aria-hidden="true"></i>
        </button>

        <span editable-text="level1.name" e-form="textBtnForm">
          {{ level1.name || 'empty' }}
        </span>      

        <i class="pull-right fa fa-angle-right fa-lg"></i>
      </div>

注意:我知道如何隐藏按钮,或者单击文本。问题不是消除他重复按钮,而是如何使用一个按钮来编辑焦点行。

0 个答案:

没有答案