Search jQuery

jQuery Forum

jQuery Mobile

tomalex0

How to override widget functions or extend

in jQuery Mobile • 5 months ago

Hi,

I'm looking for best approach to override widget functions.

For example

I was trying to override changePage function like this. I was looking to implement a condition check around

active.url code.

I'm also looking to override selectmenu with dialog box where i need to position close button to the right corner.

$.mobile.changePage = function(){
}

Replies(5)

haga0054

Re: How to override widget functions or extend

5 months ago

Why would you want to override them? Why not create new functions and call them.

As for your second point why not create your own class or modify the classes used for the select menu instead?

tomalex0

Re: How to override widget functions or extend

5 months ago

If i want to create a function

I should be doing like

$.mobile.mycustomchangePage = function(){
}

These are some variable in the changePage function which has scope inside the jquery mobile js file. I will be writing above function in another file and will results in undefined error.

Close button for selectmenu has ui-btn-left as class. Either i have to strictly override the css. or replace with ui-btn-right. I'm not sure if there is any option along with select tag to specify the button position. Other wise i will have to override the selectmenu.

I'm not sure about how to override or extend a plugin. Do you have some sample codes?

John Chac..

Re: How to override widget functions or extend

5 months ago

I don't think its easy to extend jqm controls like, say extJS components...

You can override it with a new function...

But what exactly you are trying to achieve by overriding changePage.

If you can explain that then somebody will be able to suggest better solution...

On getting dialog close icon aligned to right you can do it from javascript .

see a sample.

http://jsfiddle.net/DeDrP/

tomalex0

Re: How to override widget functions or extend

5 months ago

I'm using jquery mobile with backbone. I'm using select menu with nativemenu as false which prompts a dialog box with list. When selectbox btn is clicked i'm getting

Uncaught TypeError: Cannot call method 'indexOf' of undefined line 3930 inside changePage function.

So i went ahead and updated the function, text highlighted in orange is newly added

if (typeof active.url != "undefined" && active.url.indexOf( dialogHashKey ) > -1 && !$.mobile.activePage.is( ".ui-dialog" ) ) {
settings.changeHash = false;
alreadyThere = true;
}

John Chac..

Re: How to override widget functions or extend

5 months ago

seems like you are trying to fix a wrong bug....

There is no issue as such with select menu with nativemenu as false.

http://jsfiddle.net/DeDrP/1/

I am not sure backbone got anything to do with this.

May be something specific to the way which your application design

or some third party plugins....

try to make a simple sample to replicate the issue in jsfiddle.

Top Reply

Response title

Attachments

jQuery Forum

How to override widget functions or extend

Replies(5)

Re: How to override widget functions or extend

Re: How to override widget functions or extend

Re: How to override widget functions or extend

Re: How to override widget functions or extend

Re: How to override widget functions or extend

Statistics

Tags

Actions

Related Posts