CN1205578C

CN1205578C - Methods for Implementing a List Box Control

Info

Publication number: CN1205578C
Application number: CN 01103693
Authority: CN
Inventors: 陈玄同; 林光信
Original assignee: Inventec Corp
Current assignee: Inventec Corp
Priority date: 2001-02-09
Filing date: 2001-02-09
Publication date: 2005-06-08
Anticipated expiration: 2021-02-09
Also published as: CN1368696A

Abstract

A method for realizing a list box control at least comprises the following steps: reading the table range of the list frame; connecting a database, wherein the size of the database is larger than the range of the table; reading a header row from a database and at least one batch of data corresponding to the table range; displaying the title line and the data; reading the movement amount of the movement index of the list frame; calculating the new position of the table range moved to in the database according to the movement amount, and finding out at least one new batch of data at the new position; and displaying the title line and the new data. In addition, the method uses script program , so it is not limited by the browser type.

Description

Realize the method for list box control

Technical field

The present invention relates to a kind of can be along with the title of the mobile while display column bezel, cluster of form and the method for content, a kind of method that can dynamically support data binding, and a kind of method that is not subjected to the restriction of browser kind.

Background technology

The technology of present technology, particularly webpage, all there are some shortcomings in employed list box and form.With regard to list box, generally all have single-row (row), therefore can not realize the effect that multiple row presents simultaneously, make the user can not consult not only a kind of data and mutual more different data simultaneously.With regard to form, synoptic diagram with reference to Figure 1A and Figure 1B, though form can be realized multiple row, but by content 11 in the what form is to be changed with move (the mobile index 13 by mobile row 12 controls) of showing form, if therefore will show the data lot number of the consulting demonstration amounts of crossing form more, when the amount of movement of mobile index 13 was enough big, whole form just can only demonstrate many batches of data and not demonstrate the title 14 of form, increases user's puzzlement.

Moreover with present technology, particularly web technologies, the list box of being realized can not dynamically be supported the binding of data, nor can dynamically realize the renewal of content in the list box.

In addition, in the category of webpage, mostly the existing list box control that technology provided is to adopt Active X program constructed.Its advantage is can be designed to by the Internet data download or be designed to interactive interface, but its shortcoming is not to be that browser is all supported this type of control, just do not support as NetscapeCommunication, make the use of this type of list box can be subjected to the restriction of browser type.Apparently, use the constructed list box of Active X program and can run into the problem of safety in utilization, and must develop separately and make up, make mode of operation complicated and cost is also improved thereupon at dissimilar browsers.

Comprehensive aforementioned several shortcomings, existing as can be seen list box still has the many places that can improve, in the time of particularly on being applied to webpage.Therefore, be necessary to develop new list box.

Summary of the invention

Fundamental purpose of the present invention is to provide the list box control that can realize the multiple row form and it is controlled, and this multiple row mode is removed can present the multiple row content as form, also can realize the function of multiselect or Dan Xuan.

Another object of the present invention is to propose to the content of list box dynamically add and data (as data) binding after the method for relevant treatment.

Another purpose of the present invention is when list box is applied to webpage, can not be subjected to the restriction of browser, need not overlapping development to reduce cost of development.

A preferred embodiment of the present invention is a kind of method that realizes list box control, comprises the following step at least: the form scope that at first reads list box; Be connected to database then, wherein the size of database is bigger than form scope; Then read header line and at least one batch data that corresponds to this form scope from database; Show that then header line and these data are to a display; Next when the amount of movement of the mobile index that reads this list box is non-vanishing; Calculate the reposition that this form scope is moved to according to amount of movement in this database, and find out at least a collection of new data of position at this reposition; And show that header line and these new datas are to this display.

Another preferred embodiment of the present invention is a kind of method that can not be subjected to browser type restrictedly to realize list box control in webpage, at least comprise the following step: the outer layer zone domain sizes and the internal layer area size that read list box, and when the size of internal layer area surpasses the outer layer zone domain sizes, just the overflow attribute of setting outer zone is automatic, otherwise just continue from the database value and judge this two size, make shown content can't surpass the zone of list box whereby and start mobility; According at least one gauge outfit element of the inner layer sheet that is arranged in internal layer area, set up the header line of list box; According to user's setting, finish multiple selection and the control of singly selecting behavior; And after obtaining database and finishing notice, obtain information of each row of this list box successively from database.

By method of the present invention, can be along with the title and the content of the mobile while display column bezel, cluster of form, can realize the list box control of multiple row form and it is controlled, this multiple row mode is removed can present the multiple row content as form, also can realize the function of multiselect or Dan Xuan, method of the present invention in addition can realize to the content of list box dynamically add and data (as data) bindings after relevant treatment, in addition when list box is applied to webpage, can not be subjected to the restriction of browser, need not overlapping development to reduce cost of development.

The accompanying drawing summary

Figure 1A and Figure 1B figure are the synoptic diagram of the common a kind of shortcoming of common list box;

How Fig. 2 A and Fig. 2 B overcome the conceptual schematic view of the shown shortcoming of Figure 1A and Figure 1B figure for the present invention;

Fig. 2 C and Fig. 2 D are for using the result schematic diagram that the present invention overcomes Figure 1A and the shown shortcoming of Figure 1B;

Fig. 3 is the schematic flow sheet of a preferred embodiment of the present invention; With

Fig. 4 is the schematic flow sheet of another preferred embodiment of the present invention.

The reference numeral explanation

11 contents

12 move row

13 move index

14 titles

21 contents

22 move row

23 move index

24 titles

25 databases

31 restriction squares

32 data block

33 input squares

34 show square

35 move square

36 calculate square

37 show square again

41 FLOW CONTROL modules

42 list box gauge outfit control modules

43 users select control module

44 data binding modules

45 style definition modules.

Embodiment

At first the present inventor points out that the title of common form can be with the shortcoming that disappears that moves of form, because not with header line and other content row separate processes in order to video data, so when form moves when enough far away, the content row that video data uses just only occurs and can't demonstrate title simultaneously.

Therefore, one of the present invention preferred embodiment is a kind of method that realizes list box control, and wherein header line and content row are separate processes.Shown in Fig. 2 A and Fig. 2 B figure, moving of list box 21 only changes the corresponding data area 24 of content row 22 at

database

23, and 25 of header lines can't correspond to different contents with moving of list box 21, are immovable fully therefore.Its result can be found out this moment, no matter how list box moved by Fig. 2 C and Fig. 2 D figure, and the data that correspond to are those, can see header line 25 all the time.

As shown in Figure 3, the method comprises following basic step at least: at first shown in restriction square 31, read the form scope of list box; Shown in data square 32, be connected to database then, wherein the size of database is bigger than this form scope; Then shown in input square 33, read header line and at least one batch data that corresponds to this form scope from database; As showing shown in the square 34, show that header line and these data are to a display then; Next shown in mobile square 35, when the mobile index that reads list box is moved, write down its amount of movement; As calculate shown in the square 36, calculate the reposition that this form scope is moved to according to amount of movement in this database, and find out a collection of at least new data that is positioned at this reposition; And, show that header line and these new datas are to this display as showing again shown in the square 37.

Certainly, this method also can comprise carries out a style define program, defines the display styles of list box control whereby, and whether decorative pattern is arranged around the color of for example employed font, list box and the list box; Need not compile promptly and can the execution script formula carry out the data binding operation and can more comprise yet, dynamic binding and the possibility that is not subjected to the browser type restriction are provided whereby database with one.

In addition, when list box was used what one webpage, above-mentioned form scope was that list box is at Hypertext Markup Language HTML (HyperText Markup Language, HTML) coordinate in.And above-mentioned list box comprises row at least, and when list box comprised not only row, at least one particular column that this method more comprises in only selected these row realized so-called list box control.

At using on webpage, the present invention also proposes a kind of method that can not be subjected to browser type restrictedly to realize list box control in webpage.As shown in Figure 4, comprise the following step at least:

Shown in FLOW CONTROL module 41, read the outer layer zone domain sizes and the internal layer area size of list box, and when the size of internal layer area surpasses the outer layer zone domain sizes, that just sets outer zone overflows (overflow) attribute for automatic, otherwise just continue from the database value and judge the two size, make like this content displayed can not surpass list box fixed zone and start mobility.At least be listed as at this list box, outer zone is the coordinate of list box in Hypertext Markup Language HTML, for example height and width.

Shown in list box gauge outfit control module 42, at least one gauge outfit element (table head element according to an inner layer sheet that is arranged in internal layer area, THEAD ELEMENT), set up a title of this list box, for example with each gauge outfit element of finding directly as the content of header line.Be regarded as a form at this list box, simulate the multiple row function of form whereby, and its content given ground by outer caller, in case the user calls a certain list box, title of its each row will generate according to aforesaid Automatic Program.

Select shown in the control module 43 as the user,, finish multiple selection and the control of singly selecting behavior according to user's setting.In this basic flow process be: receive peripheral hardware and import the content of selecting current line of input and reading this row; Judge whether to be the multiselect operation; When being that next peripheral hardware input is just waited in multiselect operation.Certainly, if find have any delegation not have data to read, just stop whole flow process.

Shown in data binding module 44, after the acquisition database is finished notice (DataSetCompleteInformation), obtain information of each row of list box successively from database.Apparently, the purpose of this module is dynamically to add the content of list box, and the relevant treatment after data (data) binding.

Certainly, this method also can comprise a style define program again, defines the display styles of list box control piece whereby, around the color of for example employed font, list box and the list box whether decorative pattern is arranged, shown in style definition module 45.

What must one carry is, this method is to use that need not compile promptly can the execution script formula, the defective that the browser kind that institute will inevitably meet with in the time of therefore can avoiding using Active X program limits.

The above is the preferred embodiments of the present invention only, is not in order to limit claim of the present invention; All other do not break away from the equivalence of being finished under the disclosed spirit of the present invention and changes or modification, all should be included in the following claim.

Claims

1. A method for implementing a list box control, at least comprising:

Read a table range of a list box;

connect to a database, where the size of the database is larger than the range of the table;

reading a header row and at least one batch of data corresponding to the table range from the database;

display the header row and the data;

Read a movement amount of a movement indicator of the list box;

calculating a new location in the database to which the table range is moved according to the moving amount, and finding at least one batch of new data at the new location; and

Display the header row and the new data.

2. The method of claim 1, wherein the list box is applied to a web page.

3. The method as claimed in claim 2, wherein the table range is the coordinate of the list box in HTML.

4. The method of claim 1, wherein said list box contains at least one column.

5. The method of claim 4, further comprising selecting only at least one specific column among the columns to implement a so-called list box control.

6. The method of claim 1, further comprising performing a data binding operation on the database with a script program.

7. The method as claimed in claim 6, wherein said script program can be executed without compiling.

8. The method of claim 1, further comprising executing a style definition program, thereby defining the display style of the list box.

9. A method for implementing a list box control in a web page without being restricted by browser types, at least comprising:

Reads an outer area size and an inner area size of a list box, and when the size of the inner area exceeds the size of the outer area, sets an overflow property of the outer area to automatic, otherwise Continue to get values from the database and determine the size of the two, so that the displayed content will not exceed an area defined by the list box and activate a mobile feature;

establishing a header row of the list box according to at least one header element in an inner table located in the inner area;

According to a user's setting, implement a multiple selection and single selection behavior control; and

After obtaining the completion notification of a database, the information of each column of the list box is sequentially obtained from the database.

10. The method of claim 9, further comprising executing a style definition program to define a display style of the list box control.

11. The method of claim 9, using a script that can be executed without compiling.

12. The method as claimed in claim 9, wherein the outer area is the coordinate of the list box in the hypertext display language.

13. The method of claim 9, wherein said list box has multiple columns simultaneously.

14. The method of claim 13, wherein the list box is treated as a table, thereby simulating the multi-column function of a table.