te')); return $arr; } /* 遍历用户所有主题 * @param $uid 用户ID * @param int $page 页数 * @param int $pagesize 每页记录条数 * @param bool $desc 排序方式 TRUE降序 FALSE升序 * @param string $key 返回的数组用那一列的值作为 key * @param array $col 查询哪些列 */ function thread_tid_find_by_uid($uid, $page = 1, $pagesize = 1000, $desc = TRUE, $key = 'tid', $col = array()) { if (empty($uid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('uid' => $uid), array('tid' => $orderby), $page, $pagesize, $key, $col); return $arr; } // 遍历栏目下tid 支持数组 $fid = array(1,2,3) function thread_tid_find_by_fid($fid, $page = 1, $pagesize = 1000, $desc = TRUE) { if (empty($fid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('fid' => $fid), array('tid' => $orderby), $page, $pagesize, 'tid', array('tid', 'verify_date')); return $arr; } function thread_tid_delete($tid) { if (empty($tid)) return FALSE; $r = thread_tid__delete(array('tid' => $tid)); return $r; } function thread_tid_count() { $n = thread_tid__count(); return $n; } // 统计用户主题数 大数量下严谨使用非主键统计 function thread_uid_count($uid) { $n = thread_tid__count(array('uid' => $uid)); return $n; } // 统计栏目主题数 大数量下严谨使用非主键统计 function thread_fid_count($fid) { $n = thread_tid__count(array('fid' => $fid)); return $n; } ?>javascript - ExtJs 3.4 : Set tool tip for combo box - Stack Overflow

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

    最新消息：雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客
    你的位置： 首页>programmer>javascript - ExtJs 3.4 : Set tool tip for combo box - Stack Overflow

    javascript - ExtJs 3.4 : Set tool tip for combo box - Stack Overflow

    programmeradmin3浏览0评论

    I have an ExtJs bo box as following. I am using ExtJS 3.4. I need to set hover text for this bo box. i.e. when user hover over this bo box, message text should appear.

    new Ext.form.ComboBox({
        store : driverStore,
        displayField : 'dName',
        valueField : 'dName',
        fieldLabel : 'Driver Name',
        id : 'driverbo',
        allowBlank : false,
        typeAhead : true,
        forceSelection : true,
        mode : 'local',
        triggerAction : 'all',
        selectOnFocus : true,
        editable : false,
        hidden : false,
        disabled : true,
        minChars : 1,
        hideLabel : true,
        style : 'marginleft:10px',
        //width : 147,
        emptyText : 'Driver Name',
        flex : 1
    });

    I know there is a way to set this tool tip messages for bo box items of the drop down menu. But I don't want it. I want a tool tip for my bo box.

    How should I do that ?

    I have an ExtJs bo box as following. I am using ExtJS 3.4. I need to set hover text for this bo box. i.e. when user hover over this bo box, message text should appear.

    new Ext.form.ComboBox({
        store : driverStore,
        displayField : 'dName',
        valueField : 'dName',
        fieldLabel : 'Driver Name',
        id : 'driverbo',
        allowBlank : false,
        typeAhead : true,
        forceSelection : true,
        mode : 'local',
        triggerAction : 'all',
        selectOnFocus : true,
        editable : false,
        hidden : false,
        disabled : true,
        minChars : 1,
        hideLabel : true,
        style : 'marginleft:10px',
        //width : 147,
        emptyText : 'Driver Name',
        flex : 1
    });

    I know there is a way to set this tool tip messages for bo box items of the drop down menu. But I don't want it. I want a tool tip for my bo box.

    How should I do that ?

    • javascript
    • extjs
    • bobox
    • tooltip
    Share Improve this question edited Jan 20, 2014 at 7:26 Rose18 asked Jan 20, 2014 at 7:14 Rose18Rose18 3,1628 gold badges51 silver badges100 bronze badges 1
    • there is no event for hover, no chance! – Oğuz Çelikdemir Commented Jan 20, 2014 at 7:31
    Add a ment  | 

    2 Answers 2

    Reset to default 12

    You can create Ext.ToolTip in listener for bobox render event and as tooltip target you can define bobox element.

    var bo = new Ext.form.ComboBox({
    mode: 'local',
    renderTo: Ext.getBody(),
    store: new Ext.data.ArrayStore({
        id: 0,
        fields: [
            'myId',
            'displayText'
        ],
        data: [[1, 'item1'], [2, 'item2']]
    }),
    listeners: {
        render: function(c) {
          new Ext.ToolTip({
            target: c.getEl(),
            html: 'Tooltip content'
          });
        }
    },    
    valueField: 'myId',
    displayField: 'displayText'
});

    Fiddle with example: https://fiddle.sencha./#fiddle/2q6

    Put this in the Listener of bo box it worked at my side.

    Ext.onReady(function() {

Ext.QuickTips.init();
    var bo = new Ext.form.ComboBox({
        mode: 'local',
        renderTo: Ext.getBody(),
        store: new Ext.data.ArrayStore({
            id: 0,
            fields: ['id', 'displaytext'],
            data: [
                [1, 'Vinayak']
            ]
        }),
        listeners: {
            render: function(c) {
                 Ext.QuickTips.register({ target: this.getEl(), 
                 text: 'Tooltip Data' });
            }
        },
        valueField: 'id',
        displayField: 'displaytext'
    });

});

    You have to write

    Ext.QuickTips.init(); on Ext.Ready

    与本文相关的文章

    发布评论

    评论列表(0)

    1. 暂无评论