Results 1 to 1 of 1

Thread: MVC Editable Grid cannot use mouse to select inside input box

  1. #1
    Sencha User
    Join Date
    Mar 2011

    Question MVC Editable Grid cannot use mouse to select inside input box

    The problem is when you double click on a row you can edit but you can't use the mouse to highlight the text. In Firefox you can't even use the mouse to click to get the cursor in the middle of the text although in the examples you can but obviously not in the MVC format. In IE you can click inside the text but not highlight.

    Not sure if this is a bug or I'm missing something? To test this I used the MVC code from here

    And was trying to get the same effect as this!...w-editing.html

    I made changes to two files


    Ext.define('AM.view.user.List' ,{
        extend: 'Ext.grid.Panel',
        alias : 'widget.userlist',
     store: 'Users',    title : 'All Users',
        initComponent: function() {
      var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {
       clicksToMoveEditor: 1,
       autoCancel: false
      this. plugins = [rowEditing],
            this.columns = [
                {header: 'Name',  dataIndex: 'name',  flex: 1 , editor: {allowBlank: false}},
                {header: 'Email', dataIndex: 'email', flex: 1}
    In app/controller/User.js I commented out this

        init: function() {
                //'userlist': {
                //    itemdblclick: this.editUser
                'useredit button[action=save]': {
                    click: this.updateUser
    Do I need to add anything else? I have attached the code in a zip file (emptied the extjs4 folder I'm sure you all have it )
    Attached Files Attached Files

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts