I want to create a page that display as below:
[<<] [<] [ 1 ] [ 2 ] [input_number] [search_button] [n-1][n] [>][>>]
The important thing i need is input_number and search.
Hey @duynq2197, are you looking to create the exact same pager as the example you’ve provided? Or are you fine with a few placement differences, but with the same functionality? There are a few ways you could approch this:
The recommended way to do this would be to create the needed elements using Webix views outiside the pager (since we can’t use them inside the pager’s template).
For example, you can use the text and button elements to make something like this: https://snippet.webix.com/6vt1h3yx.
This is the recommended way to handle this situation, since it will be easy to handle events (i. e. you would probably want to check for the onKeyPress event, which will allow you to switch between the pages with a press of an Enter key), you also don’t need to bother with styling and the code is much clearer.
Alternatively, you can use the pager’s template and put the appropriate HTML elements inside of it (for example, /). This way, you will be able to place the elements according to your example: https://snippet.webix.com/ah82cetg.
Please note, that you will need to style the elements separately, this is just an example. Also, this way, handling the events is way more cumbersome.
LOVE <3