CN101751223B - Method and device for displaying dynamic data of webpage form - Google Patents
Method and device for displaying dynamic data of webpage form Download PDFInfo
- Publication number
- CN101751223B CN101751223B CN2009102581889A CN200910258188A CN101751223B CN 101751223 B CN101751223 B CN 101751223B CN 2009102581889 A CN2009102581889 A CN 2009102581889A CN 200910258188 A CN200910258188 A CN 200910258188A CN 101751223 B CN101751223 B CN 101751223B
- Authority
- CN
- China
- Prior art keywords
- field
- freeze
- script
- roll
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Expired - Fee Related
Links
- 238000000034 method Methods 0.000 title claims abstract description 20
- 101100171060 Caenorhabditis elegans div-1 gene Proteins 0.000 claims description 12
- 230000008014 freezing Effects 0.000 claims description 12
- 238000007710 freezing Methods 0.000 claims description 12
- 238000005096 rolling process Methods 0.000 claims description 7
- 230000015572 biosynthetic process Effects 0.000 claims description 3
- 230000008676 import Effects 0.000 claims description 3
- 210000001699 lower leg Anatomy 0.000 claims 1
- 238000005457 optimization Methods 0.000 description 8
- 238000005516 engineering process Methods 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 1
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a method and device for displaying dynamic data of a webpage form, wherein the method comprises the following steps: step 1: a server end acquires the dynamic data to be displayed in a webpage form, and the dynamic data comprises data of fields to be frozen and data of fields to be rolled; step 2: the server end forms a page script, and in the page script, the fields to be frozen and the fields to be rolled are located in different display blocks; and step 3: the server end outputs the formed page script to a customer end, so that when the customer end displays the page, the fields to be frozen are displayed in a frozen mode, and the fields to be rolled are displayed in a rolled mode. The invention displays the dynamic data of the webpage form in a frozen field mode, so that no matter how a user drags a scroll bar, the user can directly correspond the data of a certain row or a certain column with the frozen field without repeatedly dragging the scroll bar, thereby being convenient for user operation.
Description
Technical field
The present invention relates to mobile communication technology, relate in particular to a kind of method and apparatus of display web page form dynamic data.
Background technology
In dynamic web page, a lot of data presentation all adopt form, and this is current commonplace usage.Abundant when the line number of form, when exceeding the height of the page, on the page up-down scroll bar will appear; Equally, abundant when the columns of form, when exceeding the width of the page, on the page left-right scroll bar will appear.
The appearance of scroll bar can make the user in a page, see all data, but has following problem, that is: when scroll bar is dragged to the centre position; The value of first row or first row can't see in the form; And the value title of data presentation often of first row or first row, at this moment, if when the user need check the pairing title of certain row or certain column data; Just need scroll bar be towed back to the original position, it is very inconvenient so just to make the user operate.
Summary of the invention
The method and apparatus that the purpose of this invention is to provide a kind of user-friendly display web page form dynamic data.
For achieving the above object, the present invention adopts following technical scheme:
A kind of method of display web page form dynamic data comprises:
Step 1: server end obtains the dynamic data that will show in the web page form, and this dynamic data comprises the data of the field that will freeze and the data of the field that will roll;
Step 2: server end forms page script, is arranged in different displaying blocks in the field that will freeze described in this page script with the field that will roll;
Step 3: server end is exported to client with formed page script, so that show the said field that will freeze with the mode of freezing during the client display page, and show the said field that will roll with the mode of rolling.
As the optimization to technique scheme, said step 2 comprises:
Step 21: in the page shows, generate a DIV piece;
Step 22: nested two sub-DIV pieces in the DIV piece that is generated, be respectively DIV1 and DIV2, be respectively applied for the said field that will freeze of demonstration and the field that will roll;
Step 23:, and be nested among the said DIV1 with the said field generation script that will freeze;
Step 24:, and be nested among the said DIV2 with the said field generation script that will roll.
As the optimization to technique scheme, the generation script in said step 23 and the step 24 generates according to the cascade CSS.
As the optimization to technique scheme, the said field that will freeze is first row and/or first row of said web page form.
As optimization, also comprise before the said step 1 technique scheme:
Step 10: server end obtains the field that will freeze of user's input from client.
A kind of server comprises:
First acquiring unit is used for obtaining the dynamic data that web page form will show, this dynamic data comprises the data of the field that will freeze and the data of the field that will roll;
Form the unit, be used to form page script, be arranged in different displaying blocks with the field that will roll in the field that will freeze described in this page script;
Output unit is used for formed page script is exported to client, so that show the said field that will freeze with the mode of freezing during the client display page, and show the said field that will roll with the mode of rolling.
As the optimization to technique scheme, said formation unit comprises:
The piece generation unit is used for showing DIV piece of generation at the page;
Nested cell is used for being respectively DIV1 and DIV2 at nested two the sub-DIV pieces of the DIV piece that is generated, and is respectively applied for to show the said field that will freeze and the field that will roll;
First script generates and nested cell, is used for the field generation script that will freeze said, and is nested among the said DIV1;
Second script generates and nested cell, is used for the field generation script that will roll said, and is nested among the said DIV2.
As the optimization to technique scheme, the generation script in said first script generation and nested cell and generation of second script and the nested cell generates according to the cascade CSS.
As the optimization to technique scheme, the said field that will freeze is first row and/or first row of said web page form.
As the optimization to technique scheme, said server also comprises:
Second acquisition unit is used for obtaining the field that will freeze that the user imports from client.
The present invention is through freezing the mode display web page form dynamic data of field; Therefore, no matter how the user drags scroll bar, the user can be directly with the data of certain row or certain row with on frozen field is corresponding; Do not need to drag scroll bar repeatedly, made things convenient for user's operation.
Description of drawings
Below in conjunction with accompanying drawing the present invention is elaborated.
Fig. 1 is the schematic flow sheet of the method for display web page form dynamic data of the present invention;
Fig. 2 is the structural representation of the device of display web page form dynamic data of the present invention.
Embodiment
As shown in Figure 1, the present invention provides a kind of method of display web page form dynamic data, and it comprises:
Step 1: server end obtains the dynamic data that will show in the web page form, and this dynamic data comprises the data of the field that will freeze and the data of the field that will roll;
Step 2: server end forms page script, is arranged in different displaying blocks in the field that will freeze described in this page script with the field that will roll;
Step 3: server end is exported to client with formed page script, so that show the said field that will freeze with the mode of freezing during the client display page, and show the said field that will roll with the mode of rolling.
Method of the present invention is through freezing the mode display web page form dynamic data of field; Therefore, no matter how the user drags scroll bar, the user can be directly with the data of certain row or certain row with on frozen field is corresponding; Do not need to drag scroll bar repeatedly, made things convenient for user's operation.
During practical implementation, above-mentioned steps 2 can comprise:
Step 21: in the page shows, generate a DIV piece;
Step 22: nested two sub-DIV pieces in the DIV piece that is generated, be respectively DIV1 and DIV2, be respectively applied for the said field that will freeze of demonstration and the field that will roll;
Step 23:, and be nested among the said DIV1 with the said field generation script that will freeze;
Step 24:, and be nested among the said DIV2 with the said field generation script that will roll.
The generation of script for ease, the generation script in above-mentioned steps 23 and the step 24 can be to generate according to CSS (Cascading Style Sheets, cascade CSS).
Among the above embodiment; The field of freezing is preferably first row and/or first row of web page form, because first row of web page form and first row often are title, like this; When user's rolling data, just can data directly that certain is capable or certain row correspond to title, user friendly operation.
In addition, can also comprise before the above-mentioned steps 1:
Step 10: server end obtains the field that will freeze of user's input from client.
Like this, server end just can freeze the desired field of freezing of user, user friendly operation according to user's actual needs flexibly.
Corresponding with the method for above-mentioned display web page form dynamic data, the present invention also provides a kind of server, and is as shown in Figure 2, and it comprises:
First acquiring unit 201 is used for obtaining the dynamic data that web page form will show, this dynamic data comprises the data of the field that will freeze and the data of the field that will roll;
Form unit 202, be used to form page script, be arranged in different displaying blocks with the field that will roll in the field that will freeze described in this page script;
Output unit 203 is used for formed page script is exported to client, so that show the said field that will freeze with the mode of freezing during the client display page, and show the said field that will roll with the mode of rolling.
Server of the present invention is through freezing the mode display web page form dynamic data of field; Therefore, no matter how the user drags scroll bar, the user can be directly with the data of certain row or certain row with on frozen field is corresponding; Do not need to drag scroll bar repeatedly, made things convenient for user's operation.
During practical implementation, above-mentioned formation unit 202 preferably includes:
The piece generation unit is used for showing DIV piece of generation at the page;
Nested cell is used for being respectively DIV1 and DIV2 at nested two the sub-DIV pieces of the DIV piece that is generated, and is respectively applied for to show the said field that will freeze and the field that will roll;
First script generates and nested cell, is used for the field generation script that will freeze said, and is nested among the said DIV1;
Second script generates and nested cell, is used for the field generation script that will roll said, and is nested among the said DIV2.
The generation of script for ease, the generation script in above-mentioned first script generation and nested cell, the generation of second script and the nested cell preferably generates according to the cascade CSS.
And the above-mentioned field that will freeze is preferably first row and/or first row of said web page form.
In addition, server shown in Figure 2 can also comprise:
Second acquisition unit is used for obtaining the field that will freeze that the user imports from client.
Like this, server end just can freeze the desired field of freezing of user, user friendly operation according to user's actual needs flexibly.
The above is merely preferred embodiment of the present invention, is not to be used for limiting practical range of the present invention; If do not break away from the spirit and scope of the present invention, the present invention is made amendment or is equal to replacement, all should be encompassed in the middle of the protection domain of claim of the present invention.
Claims (2)
1. the method for a display web page form dynamic data is characterized in that, comprising:
Step 0: server end obtains the field that will freeze of user's input from client;
Step 1: server end obtains the dynamic data that will show in the web page form, and this dynamic data comprises the data of the field that will freeze and the data of the field that will roll;
Step 2: server end forms page script, is arranged in different displaying blocks in the field that will freeze described in this page script with the field that will roll;
Step 3: server end is exported to client with formed page script, so that show the said field that will freeze with the mode of freezing during the client display page, and show the said field that will roll with the mode of rolling;
Wherein, said step 2 comprises:
Step 21: in the page shows, generate a DIV piece;
Step 22: nested two sub-DIV pieces in the DIV piece that is generated, be respectively DIV1 and DIV2, be respectively applied for the said field that will freeze of demonstration and the field that will roll;
Step 23: the said field that will freeze according to cascade CSS generation script, and is nested among the said DIV1;
Step 24: the said field that will roll according to cascade CSS generation script, and is nested among the said DIV2;
Wherein, the said field that will freeze is first row and/or first row of said web page form.
2. a server is characterized in that, comprising:
First acquiring unit is used for obtaining the dynamic data that web page form will show, this dynamic data comprises the data of the field that will freeze and the data of the field that will roll;
Form the unit, be used to form page script, be arranged in different displaying blocks with the field that will roll in the field that will freeze described in this page script;
Output unit is used for formed page script is exported to client, so that show the said field that will freeze with the mode of freezing during the client display page, and show the said field that will roll with the mode of rolling;
Second acquisition unit is used for obtaining the field that will freeze that the user imports from client;
Wherein, said formation unit comprises:
The piece generation unit is used for showing DIV piece of generation at the page;
Nested cell is used for being respectively DIV1 and DIV2 at nested two the sub-DIV pieces of the DIV piece that is generated, and is respectively applied for to show the said field that will freeze and the field that will roll;
First script generates and nested cell according to the cascade CSS, is used for the field generation script that will freeze said, and is nested among the said DIV1;
This generates crus secunda and nested cell according to the cascade CSS, is used for the field generation script that will roll said, and is nested among the said DIV2;
Wherein, the said field that will freeze is first row and/or first row of said web page form.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2009102581889A CN101751223B (en) | 2009-12-22 | 2009-12-22 | Method and device for displaying dynamic data of webpage form |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2009102581889A CN101751223B (en) | 2009-12-22 | 2009-12-22 | Method and device for displaying dynamic data of webpage form |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN101751223A CN101751223A (en) | 2010-06-23 |
| CN101751223B true CN101751223B (en) | 2012-11-07 |
Family
ID=42478249
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2009102581889A Expired - Fee Related CN101751223B (en) | 2009-12-22 | 2009-12-22 | Method and device for displaying dynamic data of webpage form |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101751223B (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TWI480827B (en) * | 2013-01-30 | 2015-04-11 | Mitake Information Corp | Device and method for displaying columns synchronously and positioning columns to the best display position automatically in an option t-bar quoting view |
Families Citing this family (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103823615A (en) * | 2012-11-19 | 2014-05-28 | 金蝶软件（中国）有限公司 | Method and system for displaying table on web page |
| CN103914473A (en) * | 2013-01-04 | 2014-07-09 | 深圳市金蝶中间件有限公司 | Webpage content freezing method and device |
| CN105022558B (en) * | 2014-04-16 | 2018-07-10 | 珠海金山办公软件有限公司 | The method and system of frozen region in a kind of adjustment electrical form |
| CN105022722B (en) * | 2014-04-18 | 2017-12-29 | 珠海金山办公软件有限公司 | A kind of electrical form ranks freezing method and device |
| CN105988982A (en) * | 2015-01-28 | 2016-10-05 | 腾讯科技（深圳）有限公司 | Table locking method and apparatus |
| US9946701B2 (en) | 2015-02-11 | 2018-04-17 | International Business Machines Corporation | Selectively pinning sections of displayed content |
| CN107203553B (en) * | 2016-03-17 | 2020-07-24 | 北京神州泰岳软件股份有限公司 | Method and device for realizing locking of rows/columns of web page table |
| CN108446152B (en) * | 2018-02-02 | 2021-09-28 | 创新先进技术有限公司 | Page display method and device |
| CN108920536A (en) * | 2018-06-11 | 2018-11-30 | 玖富金科控股集团有限责任公司 | A kind of data presentation method, electronic equipment and readable storage medium storing program for executing |
| CN111190516B (en) * | 2019-12-27 | 2021-09-14 | 广东金赋科技股份有限公司 | Tabular data display method |
| CN117311575B (en) * | 2023-11-21 | 2024-04-19 | 深圳市东信时代信息技术有限公司 | Page display method, page display device, computer equipment and storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1555534A (en) * | 2001-09-13 | 2004-12-15 | �Ҵ���˾ | Method and system for delivering dynamic information in a network |
| CN1555533A (en) * | 2001-09-13 | 2004-12-15 | 国际商业机器公司 | Method and system for delivering dynamic information in a network |
| CN1815478A (en) * | 2006-03-06 | 2006-08-09 | 阿里巴巴公司 | Method and system for realizing form local rolling-display in web-page |
| CN101065723A (en) * | 2004-11-26 | 2007-10-31 | 菲利普·K·钦 | Method of displaying data in a table |
-
2009
- 2009-12-22 CN CN2009102581889A patent/CN101751223B/en not_active Expired - Fee Related
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1555534A (en) * | 2001-09-13 | 2004-12-15 | �Ҵ���˾ | Method and system for delivering dynamic information in a network |
| CN1555533A (en) * | 2001-09-13 | 2004-12-15 | 国际商业机器公司 | Method and system for delivering dynamic information in a network |
| CN101065723A (en) * | 2004-11-26 | 2007-10-31 | 菲利普·K·钦 | Method of displaying data in a table |
| CN1815478A (en) * | 2006-03-06 | 2006-08-09 | 阿里巴巴公司 | Method and system for realizing form local rolling-display in web-page |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TWI480827B (en) * | 2013-01-30 | 2015-04-11 | Mitake Information Corp | Device and method for displaying columns synchronously and positioning columns to the best display position automatically in an option t-bar quoting view |
Also Published As
| Publication number | Publication date |
|---|---|
| CN101751223A (en) | 2010-06-23 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101751223B (en) | Method and device for displaying dynamic data of webpage form | |
| RU2008147090A (en) | CHANGE DIAGRAM | |
| JP5638648B2 (en) | Advertisement generation device, advertisement generation program, and terminal device | |
| CN102110148B (en) | Folder content showing method and terminal | |
| CN101882075B (en) | Method for editing rich text and for restoring and displaying rich text through FLASH | |
| HK1149821A1 (en) | Method, device and system for presenting web page | |
| ATE528710T1 (en) | GRAPHIC USER INTERFACE FOR A BACKUP INTERFACE | |
| CN104503755B (en) | Dynamic information fusion based on HTML5 high definition bitmaps shows method | |
| KR101588943B1 (en) | Information processing device, information processing method and storage medium storing information processing program | |
| WO2003079661A3 (en) | Focused navigation interface for a home media center with multiple television support | |
| SG155944A1 (en) | Web browser graphical user interface and method for implementing same | |
| CN102479033B (en) | Chart browsing method, device and system | |
| WO2008030521A3 (en) | Magnifying visual information using a center-based loupe | |
| CN102830922A (en) | Hotspot data visualization method with advertisement click effect | |
| CN103761303A (en) | Method and device for picture arrangement display | |
| CN103513889A (en) | Method for rapidly inputting dynamic information in social network site | |
| CN102053787A (en) | Information processing apparatus, image enlargement processing method, and program | |
| CN103020057A (en) | Method and device for displaying RSS (really simple syndication) abstract by windowing | |
| CN104462516A (en) | Information prompt method and mobile terminal | |
| CN103377001A (en) | Control method for locking zoom area of browsed page of touch device | |
| CN102385485A (en) | Implement method and device for service navigation | |
| CN103513855B (en) | Method and device for updating display pages | |
| CN102646263A (en) | Scaling regulating method and device | |
| CN202565392U (en) | Touch-control integrated machine based on Android system | |
| CN102103582B (en) | Method and system for drawing table utilizing computer |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| ASS | Succession or assignment of patent right |
Owner name: NANTONG JIUWUBA TECHNOLOGY BUSINESS INCUBATOR CO., Free format text: FORMER OWNER: SHENZHOU WUJU TECHNOLOGY CO., LTD. Effective date: 20141114 |
|
| C41 | Transfer of patent application or patent right or utility model | ||
| COR | Change of bibliographic data |
Free format text: CORRECT: ADDRESS; FROM: 518040 SHENZHEN, GUANGDONG PROVINCE TO: 226300 NANTONG, JIANGSU PROVINCE |
|
| TR01 | Transfer of patent right |
Effective date of registration: 20141114 Address after: 226300 Industrial Park, Jinsha Town, Nantong, Jiangsu, Tongzhou District Patentee after: SUZHOU HENGKANG NEW MATERIAL CO., LTD. Address before: 518040, Shenzhen, Guangdong, Futian District, Tian An digital city innovation science and Technology Plaza, two west seat, room 1203 Patentee before: Shenzhou Wuju Technology Co., Ltd. |
|
| TR01 | Transfer of patent right |
Effective date of registration: 20170622 Address after: 226300 Jinsha Industrial Zone, Jinsha Town, Nantong, Jiangsu, Tongzhou District Patentee after: Nantong same Trading Co., Ltd. Address before: 226300 Industrial Park, Jinsha Town, Nantong, Jiangsu, Tongzhou District Patentee before: SUZHOU HENGKANG NEW MATERIAL CO., LTD. |
|
| TR01 | Transfer of patent right | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20121107 Termination date: 20181222 |
|
| CF01 | Termination of patent right due to non-payment of annual fee |