So this is my first time posting here but I'm more or less stumped. Basically what I have is an ext grid that loads a bunch of data. Among these columns are all these date fields. Start, Finish, Etc. I'm trying to create a date picker to edit these columns. I've experimented with the different ext component editors and I was able to hack together something that mostly worked but what I would really prefer is a way to use my own custom date picker or even better a third party solution like the JQuery UI date picker.
Neither extending nor overriding the editor seemed to do the trick. I'm not so much looking for code but more whether this is even possible with ext and if so maybe to be pointed in the right direction. So has anyone ran into a similar problem? Thanks in advance.
It seems to me that it would be fairly straight forward to extend Ext.form.field.Picker and use the jQuery date picker as the picker part. I've wrapped the FCK editor in an Ext component and it was very easy to do. Picker involves a few more moving parts, but I think it's worth a try.
That being said, the idea of picking a few parts of ExtJS to use in a non-Ext app and then trying to marry other things into Ext is going to be painful. I strongly advise fully embracing ExtJS and then choosing very carefully where you stray away. Another approach might be to use a different grid system (sorry Evan) that plays nicer with jQuery.
Related
So, apologies if this is too much of an open and beginner-like question.
I am trying to build a single page app, in which one can control a variable in two ways:
by dragging the corresponding datapoint on a D3 scatterplot chart
by setting its value with a slider
I would like the chart to update when the slider gets moved, and the slider to move when the chart is updated by dragging the data on the chart.
I have thought of handling this through:
a spaghetti tangle of events
a proxy object mediating the changes
However I'm asking myself (and the illustrious SO community) is there a better way to handle this?
The keyword for solving this is 'data binding'. There are several frameworks out there, which are able to solve this. That means, that you have a javascript model, which holds the value, you want to work with and something like a proxy, which handles changes and stuff and applies the changes to the view or respectively to the mode..
In case you might need this more often, which usually applies to single page apps, I would recommend you to use some framework, which does the work for you instead of reinventing the wheel.
If you want to stay with client based Javascript, you might take a look into Angular.js (never used it, but maaaany people do and really do like it) or Knockout.js (I work with it, but there are no more further developments).
Within the last years and now many peoply switched to Node.js and Angular2 (a further development of Angular.js) or React.js or Vue.js. You might also take a look into it, but going into detail would blow up the answer. Moreover I only know some basics right now and other people can do better and already did better.
I've encountered a serious (as for me) problem, the thing is that I have a stylized dropdown menu with 2 options, those options are Polish and English languages(Polish is the default one), what i want is: when selecting other language (so far only English) the whole page must be translated, I tried google widget, but stylizing that widget is a real pain in a... head? tried jQuery translator, but it has way too much problems as for now AND prefered way to translate my web-page is by using google widget, has anyone encountered such problems and succeded to solve them ?
Why not use Google's Website Translator? They have pretty much done all the work for you, so you don't have to re-invent the wheel
i am on the search for ways and pointers to create a simple text editor(cant call it exactly a text editor).the functions of it are described as below...
a simple text area where user types commands.
commands are my own implementation and not specific to any programming languages..
basic commands such as
drawSqaure(side);
As the user progresses to the next line of code i want the above code to get reflected in a WYSIWYG panel(as of our example should draw a circle square) which is a part of editor.
Naturally as the editor matures it should help users with the commands(syntax hints) while they type.
can somebody help me out by providing pointers and valuable advices...
Actual motive is to let user type commands and to let them see the changes visually...
is it possible to develop this kind of application and if so is it feasible to use HTML+Javascript for development ????
or is it wise to use build upon some pre-built editors instead of starting from scratch???
This certainly can be done using HTML and javascript, but I doubt there is an out of the box tool that will do all of this for you. I would check out TinyMCE, but you will probably need to put in the work to make things like drawSquare actually render into a canvas.
There are frameworks out there to help with drawing on canvas. I don't know what exactly do you wish to allow your app to do, but there sure is a framework that would be helpful.
See if you like any of these: http://javascript.open-libraries.com/utilities/drawing/10-best-javascript-drawing-and-canvas-libraries/
The idea I see here is surely possible to do with javascript and canvas object, but will require some proficiency to work fast when heavily used.
I've been asked to do the front end for a web app, and to use ExtJS specifically.
I've been working through a couple of tutorials, but I've not seen much variation on the default ExtJS look and feel except for some subtle changes to the colors and what not.
The design I've been handed seems to be a radical departure from the standard ExtJs look and feel. So before I head down a dead end or start chasing wild geese, I wondered wether any ExtJS experts out there could point out any potential pit falls in the design, or is everything do-able?
The design is here...
Definitely possible, IF you have pretty strong CSS skills and not afraid to customize the JS components to some extent. You're going to be overriding a lot of the default stylesheet content to get this look-and-feel, and for certain aspects it may require tweaking the markup generated by a component by default. If you are new to Ext JS this may be a bit daunting, but once you wrap your head around it you can do about anything you want.
Yes, it is definitely possible.
ExtJS is designed to be easily customised. With some CSS knowledge, you should not have problems getting that look and feel.
Just as an example, you may want to check out this service, which uses a very customized ExtJS skin:
Filespots - Find Out More
ExtJS Forum - Disussing Filespots
Filespots using ExtJS http://www.filespots.com/static/web/images/en/invite-users.jpg
What grid library does swivel.com use? It looks pretty nice. Is it made inhouse? In other words, what good JS grid libraries are available?
it's made inhouse with prototype. not that much actual scriptaculous stuff is needed for the grid though. we initially looked at dojo's grid when we started (about 6 months ago) and it didn't do as much as we needed and we would've had to customize the hell out of it anyway. mootools might have a decent one now too.
Swivel is a Ruby on Rails site and is using Prototype and script.aculo.us. The CSS doesn't look like any particular system that I recognize but that's not surprising. I think rolling your own CSS is way more common than using some CSS "framework".