CN101751223A - 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
- CN101751223A CN101751223A CN200910258188A CN200910258188A CN101751223A CN 101751223 A CN101751223 A CN 101751223A CN 200910258188 A CN200910258188 A CN 200910258188A CN 200910258188 A CN200910258188 A CN 200910258188A CN 101751223 A CN101751223 A CN 101751223A
- Authority
- CN
- China
- Prior art keywords
- field
- script
- freeze
- page
- nested
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 24
- 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
- 238000005457 optimization Methods 0.000 description 8
- 238000005516 engineering process Methods 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 1
Images
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 see all data in a page, but there are the following problems, that is: when scroll bar is dragged to the centre position, the value of first row or first row be 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 scroll bar need 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 described field that will freeze in the mode of freezing during the client display page, and show the described field that will roll in the mode of rolling.
As the optimization to technique scheme, described 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 are respectively DIV1 and DIV2, the field that is respectively applied for the described field that will freeze of demonstration and will rolls;
Step 23:, and be nested among the described DIV1 with the described field generation script that will freeze;
Step 24:, and be nested among the described DIV2 with the described field generation script that will roll.
As the optimization to technique scheme, the generation script in described step 23 and the step 24 generates according to the cascade style sheet.
As the optimization to technique scheme, the described field that will freeze is first row and/or first row of described web page form.
As optimization, also comprise before the described 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 described field that will freeze in the mode of freezing during the client display page, and show the described field that will roll in the mode of rolling.
As the optimization to technique scheme, described 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 described 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 described, and is nested among the described DIV1;
Second script generates and nested cell, is used for the field generation script that will roll described, and is nested among the described DIV2.
As the optimization to technique scheme, the generation script in described first script generation and nested cell and generation of second script and the nested cell generates according to the cascade style sheet.
As the optimization to technique scheme, the described field that will freeze is first row and/or first row of described web page form.
As the optimization to technique scheme, described 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 by 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 invention provides a kind of method of display web page form dynamic data, 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 described field that will freeze in the mode of freezing during the client display page, and show the described field that will roll in the mode of rolling.
Method of the present invention is by 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 concrete enforcement, 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 are respectively DIV1 and DIV2, the field that is respectively applied for the described field that will freeze of demonstration and will rolls;
Step 23:, and be nested among the described DIV1 with the described field generation script that will freeze;
Step 24:, and be nested among the described DIV2 with the described field generation script that will roll.
The generation of script for convenience, the generation script in above-mentioned steps 23 and the step 24 can be to generate according to CSS (Cascading Style Sheets, cascade style sheet).
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 flexibly according to user's actual needs.
Corresponding with the method for above-mentioned display web page form dynamic data, the present invention also provides a kind of server, and as shown in Figure 2, 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 described field that will freeze in the mode of freezing during the client display page, and show the described field that will roll in the mode of rolling.
Server of the present invention is by 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 concrete enforcement, 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 described 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 described, and is nested among the described DIV1;
Second script generates and nested cell, is used for the field generation script that will roll described, and is nested among the described DIV2.
The generation of script for convenience, 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 style sheet.
And the above-mentioned field that will freeze is preferably first row and/or first row of described 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 flexibly according to user's actual needs.
The above is preferred embodiment of the present invention only, 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 (10)
1. the method for a display web page form dynamic data is characterized in that, comprising:
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 described field that will freeze in the mode of freezing during the client display page, and show the described field that will roll in the mode of rolling.
2. method according to claim 1 is characterized in that, described 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 are respectively DIV1 and DIV2, the field that is respectively applied for the described field that will freeze of demonstration and will rolls;
Step 23:, and be nested among the described DIV1 with the described field generation script that will freeze;
Step 24:, and be nested among the described DIV2 with the described field generation script that will roll.
3. method according to claim 2 is characterized in that, the generation script in described step 23 and the step 24 generates according to the cascade style sheet.
4. according to the described method of arbitrary claim in the claim 1 to 3, it is characterized in that the described field that will freeze is first row and/or first row of described web page form.
5. method according to claim 1 is characterized in that, also comprises before the described step 1:
Step 10: server end obtains the field that will freeze of user's input from client.
6. 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 described field that will freeze in the mode of freezing during the client display page, and show the described field that will roll in the mode of rolling.
7. server according to claim 6 is characterized in that, described 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 described 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 described, and is nested among the described DIV1;
Second script generates and nested cell, is used for the field generation script that will roll described, and is nested among the described DIV2.
8. server according to claim 7 is characterized in that, the generation script in described first script generation and nested cell and generation of second script and the nested cell generates according to the cascade style sheet.
9. according to the described server of arbitrary claim in the claim 6 to 8, it is characterized in that the described field that will freeze is first row and/or first row of described web page form.
10. server according to claim 6 is characterized in that, also comprises:
Second acquisition unit is used for obtaining the field that will freeze that the user imports from client.
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 true CN101751223A (en) | 2010-06-23 |
| CN101751223B 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 (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 |
| CN105022722A (en) * | 2014-04-18 | 2015-11-04 | 珠海金山办公软件有限公司 | Electronic form row and column freezing method and electronic form row and column freezing device |
| CN105022558A (en) * | 2014-04-16 | 2015-11-04 | 珠海金山办公软件有限公司 | Method and system for adjusting frozen region in spreadsheet |
| CN105867752A (en) * | 2015-02-11 | 2016-08-17 | 国际商业机器公司 | Method and system for pinning sections on user interface |
| CN105988982A (en) * | 2015-01-28 | 2016-10-05 | 腾讯科技（深圳）有限公司 | Table locking method and apparatus |
| CN107203553A (en) * | 2016-03-17 | 2017-09-26 | 北京神州泰岳软件股份有限公司 | A kind of method and apparatus for realizing the locking of web page form row/column |
| CN108446152A (en) * | 2018-02-02 | 2018-08-24 | 阿里巴巴集团控股有限公司 | 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 |
| CN111190516A (en) * | 2019-12-27 | 2020-05-22 | 广东金赋科技股份有限公司 | Tabular data display method |
| CN117311575A (en) * | 2023-11-21 | 2023-12-29 | 深圳市东信时代信息技术有限公司 | Page display method, page display device, computer equipment and storage medium |
Families Citing this family (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 |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7058671B2 (en) * | 2001-09-13 | 2006-06-06 | International Business Machines Corporation | System combining information with view templates generated by compiler in a server for generating view structure for client computer |
| US7131063B2 (en) * | 2001-09-13 | 2006-10-31 | International Business Machines Corporation | 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 |
| CN100424700C (en) * | 2006-03-06 | 2008-10-08 | 阿里巴巴集团控股有限公司 | Method and system for realizing form local rolling-display in web-page |
-
2009
- 2009-12-22 CN CN2009102581889A patent/CN101751223B/en not_active Expired - Fee Related
Cited By (17)
| 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 |
| CN105022558A (en) * | 2014-04-16 | 2015-11-04 | 珠海金山办公软件有限公司 | Method and system for adjusting frozen region in spreadsheet |
| CN105022558B (en) * | 2014-04-16 | 2018-07-10 | 珠海金山办公软件有限公司 | The method and system of frozen region in a kind of adjustment electrical form |
| CN105022722A (en) * | 2014-04-18 | 2015-11-04 | 珠海金山办公软件有限公司 | Electronic form row and column freezing method and electronic form row and column freezing device |
| CN105988982A (en) * | 2015-01-28 | 2016-10-05 | 腾讯科技（深圳）有限公司 | Table locking method and apparatus |
| US10592600B2 (en) | 2015-02-11 | 2020-03-17 | International Business Machines Corporation | Selectively pinning sections of displayed content |
| CN105867752A (en) * | 2015-02-11 | 2016-08-17 | 国际商业机器公司 | Method and system for pinning sections on user interface |
| CN105867752B (en) * | 2015-02-11 | 2019-12-27 | 国际商业机器公司 | Method and system for pinning areas on a user interface |
| CN107203553A (en) * | 2016-03-17 | 2017-09-26 | 北京神州泰岳软件股份有限公司 | A kind of method and apparatus for realizing the locking of web page form row/column |
| CN107203553B (en) * | 2016-03-17 | 2020-07-24 | 北京神州泰岳软件股份有限公司 | Method and device for realizing locking of rows/columns of web page table |
| CN108446152A (en) * | 2018-02-02 | 2018-08-24 | 阿里巴巴集团控股有限公司 | 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 |
| CN111190516A (en) * | 2019-12-27 | 2020-05-22 | 广东金赋科技股份有限公司 | Tabular data display method |
| CN111190516B (en) * | 2019-12-27 | 2021-09-14 | 广东金赋科技股份有限公司 | Tabular data display method |
| CN117311575A (en) * | 2023-11-21 | 2023-12-29 | 深圳市东信时代信息技术有限公司 | Page display method, page display device, computer equipment and storage medium |
| CN117311575B (en) * | 2023-11-21 | 2024-04-19 | 深圳市东信时代信息技术有限公司 | Page display method, page display device, computer equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN101751223B (en) | 2012-11-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101751223B (en) | Method and device for displaying dynamic data of webpage form | |
| CN100424700C (en) | Method and system for realizing form local rolling-display in web-page | |
| RU2008147090A (en) | CHANGE DIAGRAM | |
| KR101588943B1 (en) | Information processing device, information processing method and storage medium storing information processing program | |
| HK1149821A1 (en) | Method, device and system for presenting web page | |
| CN102364460A (en) | Automatic page amplification method and system based on mobile terminal | |
| CN102073650A (en) | Adaptive adjustment method and equipment for webpage | |
| CN103678646A (en) | Method and device for presenting pages | |
| WO2012067344A3 (en) | Web-browsing method, and image display device using same | |
| CN104049854B (en) | Display processing method and electronic equipment | |
| CN102955794A (en) | Method and device for displaying click condition of web page | |
| CN104461309A (en) | Method and device for cross-page object position adjustment based on dragging operation | |
| CN102830922A (en) | Hotspot data visualization method with advertisement click effect | |
| CN103513889A (en) | Method for rapidly inputting dynamic information in social network site | |
| CN103761303A (en) | Method and device for picture arrangement display | |
| CN103020057A (en) | Method and device for displaying RSS (really simple syndication) abstract by windowing | |
| CN103809886A (en) | Cursor positioning method and mobile terminal | |
| CN102053787A (en) | Information processing apparatus, image enlargement processing method, and program | |
| CN103377001A (en) | Control method for locking zoom area of browsed page of touch device | |
| CN103229132B (en) | Realize method and the device of remote browse | |
| CN102385485A (en) | Implement method and device for service navigation | |
| CN103150089A (en) | Method for browsing wide-format graphic and image thumbnails and quickly positioning target areas | |
| CN103513855B (en) | Method and device for updating display pages | |
| CN102646263A (en) | Scaling regulating method and device | |
| JP2010191739A (en) | Document display device, document display method, and computer program for executing the method |
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 |