|
I am not saying there isn't room for improvement. I probably will change
that later to the method you mention. I don't like loops either. With the
timeline I needed to get something working, I stuck with this for now. I am
happy to say that I got it launched internally just a while ago. I am
basically learning JavaScript/jQuery as I go, so there is
a definite learning curve here for me. Heck, there might be a way to
structure it like you mentioned automatically within .NET. That'll be some
research for another day.
However, I am becoming a fan of JSON and javascript. I just need to learn
more.
--
Mike Wills
http://mikewills.me
On Thu, Dec 16, 2010 at 3:54 PM, Kevin Turner
<kevin.turner@xxxxxxxxxxxxxxx>wrote:
The trouble is, it nearly always seems quick on the browser because--
javascript runs so fast that it masks the inefficiencies. It is tempting to
go for a technique that you wouldn't dream of implementing in, for example,
an RPG server side solution.
The real key to doing it with a single JSON is to get the structure right.
For example, if it had been like the modified version of your json (see
below), you would not have had to opt for a solution that has to loop
through the top level array just to find the relevant object for the child
dropdown list.
I would have suggested changing the JSON but I got the impression that you
were stuck with it? If so, personally I think the method that stores the
child objects as an array property on parent <option> elements is more
palatable that having to loop through the array (which is what
"findIndexByKeyValue" is doing).
However, if you are happy with it then that is all that matters :-)
This is the modified example I was talking about:
{"1":{
"Title": "Vacation",
"HourTypeCodes": [
{
"Id": "05",
"Title": "VAC POLICE/FIRE"
},
{
"Id": "04",
"Title": "VACATION"
},
{
"Id": "62",
"Title": "VACATION HOURS PURCHASED"
},
{
"Id": "60",
"Title": "VACATION SELL BACK"
}
]
},
"2":{
"Title": "Holiday",
"HourTypeCodes": [
{
"Id": "08",
"Title": "HOLIDAY"
}
]
},
"3":{
"Title": "Floating Holiday",
"HourTypeCodes": [
{
"Id": "09",
"Title": "FLOATING HOLIDAY"
}
]
}}
-----Original Message-----
From: web400-bounces@xxxxxxxxxxxx [mailto:web400-bounces@xxxxxxxxxxxx] On
Behalf Of Mike Wills
Sent: 16 December 2010 21:18
To: Web Enabling the AS400 / iSeries
Subject: Re: [WEB400] Navigating JSON sub-arrays dynamically
There are several methods of doing this. For MVC the standard seems to be
using jQuery and JSON. For the "standard" method, it can be done a few more
ways. In fact, I am sure there is a better way than I am doing this, but
this works and it is quite quick. When I get some time, I can put together
an example in MVC to see what I did. Real slick!
--
Mike Wills
http://mikewills.me
On Thu, Dec 16, 2010 at 2:49 PM, Paul Holm <pholm@xxxxxxxxxxxxxxxxx>
wrote:
Hi Mike,http://inderpreetsingh.com/2010/10/14/javascriptjson-find-index-in-an-array-of-objects/
Does ASP/.net provide a reusable component to handle this "parent/child"
drop down list challenge or do you have to code for each occurance?
This "parent/child" pattern is common in a lot of business apps we run
into. (IE Select a car mfg such as Ford or GM, then based on the
parent, show the models (F150, Explorer)
Thanks, Paul
Mike Wills wrote:
I figured it out finally! I found this:
http://inderpreetsingh.com/2010/10/14/javascriptjson-find-index-in-an-array-of-objects/
<
--Thethey
problem with Kevin's solution is that the IDs will not be sequential or
can change.
From there these are the two lines that work:
var i = findIndexByKeyValue(jsonRequestType, "Id", key);
$.each(jsonRequestType[i].HourTypeCodes, function(i, item) {
--
Mike Wills
http://mikewills.me
--
This is the Web Enabling the AS400 / iSeries (WEB400) mailing list
To post a message email: WEB400@xxxxxxxxxxxx
To subscribe, unsubscribe, or change list options,
visit: http://lists.midrange.com/mailman/listinfo/web400
or email: WEB400-request@xxxxxxxxxxxx
Before posting, please take a moment to review the archives
at http://archive.midrange.com/web400.
This is the Web Enabling the AS400 / iSeries (WEB400) mailing list
To post a message email: WEB400@xxxxxxxxxxxx
To subscribe, unsubscribe, or change list options,
visit: http://lists.midrange.com/mailman/listinfo/web400
or email: WEB400-request@xxxxxxxxxxxx
Before posting, please take a moment to review the archives
at http://archive.midrange.com/web400.
NOTICE: The information in this electronic mail transmission is intended by
CoralTree Systems Ltd for the use of the named individuals or entity to
which it is directed and may contain information that is privileged or
otherwise confidential. If you have received this electronic mail
transmission in error, please delete it from your system without copying or
forwarding it, and notify the sender of the error by reply email or by
telephone, so that the sender's address records can be corrected.
--------------------------------------------------------------------------------
CoralTree Systems Limited
25 Barnes Wallis Road
Segensworth East, Fareham
PO15 5TT
Company Registration Number 5021022.
Registered Office:
12-14 Carlton Place
Southampton, UK
SO15 2EA
VAT Registration Number 834 1020 74.
--
This is the Web Enabling the AS400 / iSeries (WEB400) mailing list
To post a message email: WEB400@xxxxxxxxxxxx
To subscribe, unsubscribe, or change list options,
visit: http://lists.midrange.com/mailman/listinfo/web400
or email: WEB400-request@xxxxxxxxxxxx
Before posting, please take a moment to review the archives
at http://archive.midrange.com/web400.
This is the Web Enabling the AS400 / iSeries (WEB400) mailing list
To post a message email: WEB400@xxxxxxxxxxxx
To subscribe, unsubscribe, or change list options,
visit: http://lists.midrange.com/mailman/listinfo/web400
or email: WEB400-request@xxxxxxxxxxxx
Before posting, please take a moment to review the archives
at http://archive.midrange.com/web400.
As an Amazon Associate we earn from qualifying purchases.
This mailing list archive is Copyright 1997-2024 by midrange.com and David Gibbs as a compilation work. Use of the archive is restricted to research of a business or technical nature. Any other uses are prohibited. Full details are available on our policy page. If you have questions about this, please contact [javascript protected email address].
Operating expenses for this site are earned using the Amazon Associate program and Google Adsense.