ASP.NET ಗ್ರಿಡ್ ಹುಡುಕಾಟ ಮತ್ತು ಆಯ್ಕೆಯಲ್ಲಿ ಬಳಕೆದಾರರ ಅನುಭವವನ್ನು ಉತ್ತಮಗೊಳಿಸುವುದು
ಗ್ರಿಡ್ ಇಂಟರ್ಫೇಸ್ನಲ್ಲಿ ವಸ್ತುಗಳನ್ನು ಹುಡುಕುವ ಮತ್ತು ಆಯ್ಕೆ ಮಾಡುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಗ್ರಾಹಕರಿಗೆ ನೀಡುವುದು ASP.NET ಅಪ್ಲಿಕೇಶನ್ಗಳಲ್ಲಿ ಆಗಾಗ್ಗೆ ವೈಶಿಷ್ಟ್ಯವಾಗಿದೆ. ಆದಾಗ್ಯೂ, ಡೆವಲಪರ್ಗಳು ಆಗಾಗ್ಗೆ ಸಮಸ್ಯೆಯನ್ನು ಎದುರಿಸುತ್ತಾರೆ: ಗ್ರಿಡ್ ರಿಫ್ರೆಶ್ ಆಗುತ್ತದೆ ಮತ್ತು ಐಟಂ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಿದಾಗ ಹುಡುಕಾಟ ನಿಯತಾಂಕಗಳು ಕಳೆದುಹೋಗುತ್ತವೆ. ಅವರು ಪ್ರತಿ ಬಾರಿ ಹೊಸ ಐಟಂ ಅನ್ನು ಆಯ್ಕೆಮಾಡುವಾಗ ಅವರು ತಮ್ಮ ಹುಡುಕಾಟವನ್ನು ಮರುಪ್ರಾರಂಭಿಸಬೇಕಾಗಿರುವುದರಿಂದ, ಇದು ಬಳಕೆದಾರರನ್ನು ಕೆರಳಿಸಬಹುದು.
ಉಪಯುಕ್ತತೆಯನ್ನು ಸುಧಾರಿಸಲು ಪೋಸ್ಟ್ಬ್ಯಾಕ್ ಅಥವಾ ಗ್ರಿಡ್ ನವೀಕರಣವನ್ನು ಅನುಸರಿಸಿ ಹುಡುಕಾಟ ಮಾನದಂಡಗಳನ್ನು ಸಂರಕ್ಷಿಸುವುದು ಕಡ್ಡಾಯವಾಗಿದೆ. ಗ್ರಾಹಕರು ಒಂದೇ ಮಾನದಂಡಗಳ ಆಧಾರದ ಮೇಲೆ ಹಲವಾರು ಆಯ್ಕೆಗಳನ್ನು ಆರಿಸಬೇಕಾದಾಗ ಇದು ವಿಶೇಷವಾಗಿ ನಿರ್ಣಾಯಕವಾಗಿದೆ. ಹುಡುಕಾಟ ಪದಗಳು ಕಳೆದುಹೋದರೆ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಅನಗತ್ಯವಾಗಿ ಪುನರಾವರ್ತಿಸಲಾಗುತ್ತದೆ.
ಅದೃಷ್ಟವಶಾತ್, JavaScript ಮತ್ತು ASP.NET ನ ಅಂತರ್ನಿರ್ಮಿತ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಗ್ರಿಡ್ನಲ್ಲಿ ಐಟಂ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಿದ ನಂತರವೂ ಹುಡುಕಾಟ ಕೀವರ್ಡ್ಗಳು ಮುಂದುವರಿಯುವುದನ್ನು ನಾವು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಬಹುದು. ಡೇಟಾಟೇಬಲ್ಗಳು ಮತ್ತು ASP.NET ನ ವೀಕ್ಷಣೆ ಸ್ಥಿತಿಗೆ ಪೂರಕವಾಗಿರುವ ವಿಧಾನಗಳ ಬಳಕೆಯ ಮೂಲಕ, ನಾವು ಬಳಕೆದಾರರ ಅನುಭವವನ್ನು ಹೆಚ್ಚು ಸುಗಮಗೊಳಿಸಬಹುದು.
ಕೆಳಗಿನ ಮಾರ್ಗದರ್ಶಿಯಲ್ಲಿ ASP.NET ಯೋಜನೆಯಲ್ಲಿ ಇದನ್ನು ಸಾಧಿಸಲು JavaScript ಮತ್ತು VB.Net ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂದು ನಾವು ನೋಡುತ್ತೇವೆ. ನಿಮ್ಮ ಗ್ರಿಡ್ ಅನ್ನು ನೀವು ನವೀಕರಿಸಿದಂತೆ ಹುಡುಕಾಟದ ಮಾನದಂಡಗಳನ್ನು ಪರಿಣಾಮಕಾರಿಯಾಗಿ ನಿರ್ವಹಿಸುವುದು ಹೇಗೆ ಎಂಬುದನ್ನು ತೋರಿಸಲು ನಾವು ನೈಜ-ಪ್ರಪಂಚದ ಸನ್ನಿವೇಶವನ್ನು ಸಹ ನೋಡುತ್ತೇವೆ.
ಆಜ್ಞೆ | ಬಳಕೆಯ ಉದಾಹರಣೆ |
---|---|
sessionStorage.getItem() | ಬ್ರೌಸರ್ನ ಸೆಶನ್ ಸಂಗ್ರಹಣೆಯಿಂದ ಈ ಆಜ್ಞೆಯೊಂದಿಗೆ ಹುಡುಕಾಟ ನಿಯತಾಂಕಗಳನ್ನು ಹಿಂಪಡೆಯಬಹುದು. ಈ ನಿದರ್ಶನದಲ್ಲಿ, ಇದು ಹಿಂದೆ ಒದಗಿಸಲಾದ ಹುಡುಕಾಟ ಮೌಲ್ಯವನ್ನು ಹಿಂಪಡೆಯುತ್ತದೆ ಮತ್ತು ಪುಟದ ರಿಫ್ರೆಶ್ ಅಥವಾ ಗ್ರಿಡ್ ನವೀಕರಣದ ನಂತರ ಹುಡುಕಾಟ ಕ್ಷೇತ್ರವು ಮತ್ತೆ ತುಂಬಿದೆ ಎಂದು ಖಚಿತಪಡಿಸುತ್ತದೆ. |
sessionStorage.setItem() | ಬ್ರೌಸರ್ನ ಅಧಿವೇಶನ ಸಂಗ್ರಹಣೆಯಲ್ಲಿ ಪ್ರಸ್ತುತ ಹುಡುಕಾಟ ಪ್ರಶ್ನೆಯನ್ನು ಉಳಿಸುತ್ತದೆ. ಬಳಕೆದಾರರು ಐಟಂ ಅನ್ನು ಆಯ್ಕೆಮಾಡಿದಾಗ ಅಥವಾ ASP.NET ಗ್ರಿಡ್ ಪೋಸ್ಟ್ಗಳನ್ನು ಹಿಂತಿರುಗಿಸಿದ ಸಂದರ್ಭದಲ್ಲಿ ಇದು ಹುಡುಕಾಟ ನಿಯತಾಂಕಗಳನ್ನು ಕಳೆದುಕೊಳ್ಳದಂತೆ ಮಾಡುತ್ತದೆ. |
ScriptManager.RegisterStartupScript() | ಸರ್ವರ್ನಿಂದ ASP.NET ಕ್ಲೈಂಟ್-ಸೈಡ್ ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ನೋಂದಾಯಿಸುತ್ತದೆ ಮತ್ತು ರನ್ ಮಾಡುತ್ತದೆ. ಗ್ರಿಡ್ನ ಹುಡುಕಾಟ ಬಾಕ್ಸ್ನಲ್ಲಿ ಹುಡುಕಾಟ ಮೌಲ್ಯವನ್ನು ಉಳಿಸಲು, ಪುಟ ಲೋಡ್ನಲ್ಲಿ ಅಥವಾ ಪೋಸ್ಟ್ಬ್ಯಾಕ್ ಅನ್ನು ಅನುಸರಿಸುವಾಗ ಸಂಗ್ರಹಿಸಲಾದ ಹುಡುಕಾಟ ಮಾನದಂಡಗಳನ್ನು ಅನ್ವಯಿಸಲು ಇದನ್ನು ಇಲ್ಲಿ ಬಳಸಿಕೊಳ್ಳಲಾಗುತ್ತದೆ. |
DataTable().search() | ಅಪ್ಡೇಟ್ ಅಥವಾ ಪುಟ ಲೋಡ್ ಆದ ನಂತರ, ಈ ಡೇಟಾಟೇಬಲ್ಗಳ ವಿಧಾನವನ್ನು ಬಳಸಿಕೊಂಡು ಸಂಗ್ರಹವಾದ ಹುಡುಕಾಟ ಮೌಲ್ಯವನ್ನು ಗ್ರಿಡ್ಗೆ ಮತ್ತೆ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ. ಈ ಹಿಂದೆ ಇನ್ಪುಟ್ ಮಾಡಿದ ಹುಡುಕಾಟ ಪ್ರಶ್ನೆಯ ಪ್ರಕಾರ ಗ್ರಿಡ್ ಅನ್ನು ಫಿಲ್ಟರ್ ಮಾಡಲಾಗಿದೆ ಎಂದು ಇದು ಖಾತರಿಪಡಿಸುತ್ತದೆ. |
DataTable().draw() | ಹುಡುಕಾಟ ಮಾನದಂಡಗಳನ್ನು ಅನ್ವಯಿಸುತ್ತದೆ ಮತ್ತು ಡೇಟಾ ಟೇಬಲ್ ಅನ್ನು ಪುನಃ ರಚಿಸುತ್ತದೆ. AJAX ಅಥವಾ ಇನ್ನೊಂದು ತಂತ್ರವನ್ನು ಬಳಸಿಕೊಂಡು ಪುಟವನ್ನು ರಿಫ್ರೆಶ್ ಮಾಡಿದಾಗ ಅಥವಾ ನವೀಕರಿಸಿದಾಗ, ಹುಡುಕಾಟ ಪದಗಳನ್ನು ಮತ್ತೆ ಅನ್ವಯಿಸಲು ಮತ್ತು ಫಿಲ್ಟರ್ ಮಾಡಿದ ಡೇಟಾವನ್ನು ತೋರಿಸಲು ಈ ಆಜ್ಞೆಯು ಅಗತ್ಯವಿದೆ. |
on('keyup') | ಹುಡುಕಾಟ ಇನ್ಪುಟ್ ಬಾಕ್ಸ್ಗೆ ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್ ಅನ್ನು ಸೇರಿಸುತ್ತದೆ ಇದರಿಂದ ಪ್ರತಿ ಕೀಸ್ಟ್ರೋಕ್ ಅನ್ನು ರೆಕಾರ್ಡ್ ಮಾಡಲಾಗುತ್ತದೆ. ಈ ನಿದರ್ಶನದಲ್ಲಿ, ಪ್ರಸ್ತುತ ಹುಡುಕಾಟ ಇನ್ಪುಟ್ನೊಂದಿಗೆ ಸೆಶನ್ ಸಂಗ್ರಹಣೆಯನ್ನು ನವೀಕರಿಸುವ ಮೂಲಕ ಗ್ರಿಡ್ ಅನ್ನು ರಿಫ್ರೆಶ್ ಮಾಡಿದರೂ ಅಥವಾ ಮರುಲೋಡ್ ಮಾಡಿದರೂ ಹುಡುಕಾಟ ಮೌಲ್ಯವನ್ನು ನಿರ್ವಹಿಸಲಾಗುತ್ತದೆ ಎಂದು ಇದು ಖಚಿತಪಡಿಸುತ್ತದೆ. |
__doPostBack() | ಈ ASP.NET ಕಾರ್ಯವು ಪೋಸ್ಟ್ಬ್ಯಾಕ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸಲು JavaScript ಅನ್ನು ಬಳಸಿಕೊಂಡು ಸರ್ವರ್ಗೆ ಡೇಟಾವನ್ನು ಹಿಂತಿರುಗಿಸುತ್ತದೆ. ಗ್ರಿಡ್ನಲ್ಲಿರುವ ಐಟಂ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಿದಾಗ, ಪ್ರಸ್ತುತ ಹುಡುಕಾಟ ಮೌಲ್ಯವನ್ನು ಸರ್ವರ್ಗೆ ಸಂವಹನ ಮಾಡಲು ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ, ಸರ್ವರ್-ಸೈಡ್ ಪ್ರಕ್ರಿಯೆಗಳಲ್ಲಿ ಹುಡುಕಾಟ ಸ್ಥಿತಿಯನ್ನು ನಿರ್ವಹಿಸಲಾಗುತ್ತದೆ ಎಂದು ಖಾತರಿಪಡಿಸುತ್ತದೆ. |
$.ajax() | ಸರ್ವರ್ಗೆ ಅಸಮಕಾಲಿಕ HTTP ವಿನಂತಿಯನ್ನು ಕಳುಹಿಸುತ್ತದೆ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಸಂಪೂರ್ಣ ಪುಟವನ್ನು ಮರುಲೋಡ್ ಮಾಡದೆಯೇ ಸರ್ವರ್ಗೆ ಹುಡುಕಾಟ ಮಾನದಂಡವನ್ನು ಕಳುಹಿಸುವ ಮೂಲಕ AJAX ನೊಂದಿಗೆ ವೆಬ್ಸೈಟ್ನ ನಿರ್ದಿಷ್ಟ ಪ್ರದೇಶಗಳನ್ನು (ಗ್ರಿಡ್ನಂತೆ) ನವೀಕರಿಸುವಾಗ ಹುಡುಕಾಟ ಇನ್ಪುಟ್ ಅನ್ನು ಸಂರಕ್ಷಿಸಲು ಇದು ಸಹಾಯ ಮಾಡುತ್ತದೆ. |
ASP.NET ಗ್ರಿಡ್ನಲ್ಲಿ ಹುಡುಕಾಟ ಮಾನದಂಡಗಳನ್ನು ಸಂರಕ್ಷಿಸಲು ಸ್ಕ್ರಿಪ್ಟ್ ಪರಿಹಾರಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು
ASP.NET ಅಪ್ಲಿಕೇಶನ್ಗಳಲ್ಲಿನ ಸಾಮಾನ್ಯ ಸಮಸ್ಯೆಯನ್ನು ಪರಿಹರಿಸುವುದು ಕೊಡುಗೆ ಸ್ಕ್ರಿಪ್ಟ್ಗಳ ಉದ್ದೇಶವಾಗಿದೆ, ಅಲ್ಲಿ ಬಳಕೆದಾರರು ಗ್ರಿಡ್ನಿಂದ ಆಯ್ಕೆ ಮಾಡಿದಾಗ ಅವರ ಹುಡುಕಾಟ ನಿಯತಾಂಕಗಳ ಟ್ರ್ಯಾಕ್ ಅನ್ನು ಕಳೆದುಕೊಳ್ಳುತ್ತಾರೆ. ಮೊದಲ ವಿಧಾನವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಕ್ಲೈಂಟ್ ಬದಿಯಲ್ಲಿ ಹುಡುಕಾಟ ಇನ್ಪುಟ್ ಅನ್ನು ಸಂಗ್ರಹಿಸುತ್ತದೆ ಅಧಿವೇಶನ ಸಂಗ್ರಹಣೆ ಕಾರ್ಯ. ಈ ತಂತ್ರದಿಂದ ಬಳಕೆದಾರರ ಅನುಭವವನ್ನು ಸುಧಾರಿಸಲಾಗಿದೆ, ಇದು ವೆಬ್ಸೈಟ್ ಮರುಲೋಡ್ ಮಾಡಿದ ನಂತರವೂ ಹುಡುಕಾಟ ನುಡಿಗಟ್ಟು ಸಕ್ರಿಯವಾಗಿರುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸುತ್ತದೆ. ಪುಟವನ್ನು ಮರುಲೋಡ್ ಮಾಡಿದಾಗ ಅಥವಾ ಐಟಂ ಅನ್ನು ಆಯ್ಕೆಮಾಡಿದಾಗ, ಸ್ಥಳೀಯವಾಗಿ ಇನ್ಪುಟ್ ಅನ್ನು ಸೆರೆಹಿಡಿಯುವ ಮತ್ತು ಉಳಿಸುವ ಮೂಲಕ ಸಂಗ್ರಹಿಸಲಾದ ಹುಡುಕಾಟ ಮೌಲ್ಯವನ್ನು ಮತ್ತೆ ಗ್ರಿಡ್ಗೆ ಅನ್ವಯಿಸಬಹುದು. ಈ ವಿಧಾನಕ್ಕೆ ಧನ್ಯವಾದಗಳು ಬಳಕೆದಾರರು ಅದೇ ಮಾನದಂಡವನ್ನು ನಮೂದಿಸುವುದನ್ನು ಮುಂದುವರಿಸಬೇಕಾಗಿಲ್ಲ.
ಇನ್ನೊಂದು ವಿಧಾನವು ಸರ್ವರ್-ಸೈಡ್ ಅನ್ನು ಬಳಸುತ್ತದೆ ವೀಕ್ಷಿಸಿ ರಾಜ್ಯ ASP.NET ನ ವೈಶಿಷ್ಟ್ಯ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಹುಡುಕಾಟ ಮೌಲ್ಯವನ್ನು ViewState ವಸ್ತುವಿನಲ್ಲಿ ಇರಿಸಲಾಗುತ್ತದೆ, ಇದು ಪೋಸ್ಟ್ಬ್ಯಾಕ್ಗಳಾದ್ಯಂತ ಡೇಟಾವನ್ನು ಸಂರಕ್ಷಿಸುತ್ತದೆ. ಬಳಕೆದಾರರು ಗ್ರಿಡ್ನೊಂದಿಗೆ ಸಂವಹನ ನಡೆಸಿದಾಗ ಮತ್ತು ಐಟಂ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಿದಾಗ ViewState ನಲ್ಲಿ ಇರಿಸಲಾದ ಮೌಲ್ಯವನ್ನು ಪುಟಕ್ಕೆ ಹಿಂತಿರುಗಿಸಲಾಗುತ್ತದೆ. ಈ ವಿಧಾನವು ಹುಡುಕಾಟ ನಿಯತಾಂಕಗಳನ್ನು ಇಡೀ ಅವಧಿಗೆ ಪ್ರವೇಶಿಸಬಹುದು ಮತ್ತು ಸರ್ವರ್-ಸೈಡ್ ಪ್ರಕ್ರಿಯೆಗೆ ಸುಲಭವಾಗಿ ಸಂಯೋಜಿಸಲ್ಪಡುತ್ತದೆ ಎಂದು ಖಾತರಿಪಡಿಸುತ್ತದೆ. ಹುಡುಕಾಟ ಇನ್ಪುಟ್ ನಷ್ಟವನ್ನು ತಡೆಗಟ್ಟುವ ಸಲುವಾಗಿ, ಕ್ಲೈಂಟ್-ಸೈಡ್ ಗ್ರಿಡ್ಗೆ ಹುಡುಕಾಟವನ್ನು ಪುನಃ ಅನ್ವಯಿಸಲು ಸರ್ವರ್ ನಂತರ ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ರನ್ ಮಾಡಬಹುದು.
AJAX ಪೂರ್ಣ-ಪುಟ ಮರುಲೋಡ್ಗಳನ್ನು ನಿಲ್ಲಿಸಲು ಮೂರನೇ ವಿಧಾನದಲ್ಲಿ ಬಳಸಲಾಗುತ್ತದೆ. ಐಟಂ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಿದಾಗ ಪುಟದ ಕ್ರಿಯಾತ್ಮಕ ನವೀಕರಣವು ಸಂಭವಿಸುತ್ತದೆ, ಇದು ಸರ್ವರ್ಗೆ ಅಸಮಕಾಲಿಕ ವಿನಂತಿಯನ್ನು ಪ್ರಚೋದಿಸುತ್ತದೆ. ಗ್ರಿಡ್ ರಿಫ್ರೆಶ್ ಆಗುವಾಗ ಇದು AJAX ವಿನಂತಿಯೊಂದಿಗೆ ನೀಡಲಾದ ಹುಡುಕಾಟ ಮಾನದಂಡಗಳನ್ನು ಇರಿಸುತ್ತದೆ. ನವೀಕರಣ ಮುಗಿದ ನಂತರ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕಾರ್ಯವು ಹುಡುಕಾಟ ಮೌಲ್ಯವನ್ನು ಗ್ರಿಡ್ಗೆ ಪುನಃ ಅನ್ವಯಿಸುತ್ತದೆ. ಈ ತಂತ್ರವು ಬಳಕೆದಾರರ ಅನುಭವವನ್ನು ಗರಿಷ್ಠಗೊಳಿಸಲು ಗ್ರಿಡ್ ಸ್ಥಿತಿಯನ್ನು ಸಂರಕ್ಷಿಸುವಾಗ ವಸ್ತುವನ್ನು ಅಸಮಕಾಲಿಕವಾಗಿ ನವೀಕರಿಸುತ್ತದೆ.
ವಿಭಿನ್ನ ರೀತಿಯಲ್ಲಿ, ಈ ಪ್ರತಿಯೊಂದು ವಿಧಾನಗಳು ಹುಡುಕಾಟ ಇನ್ಪುಟ್ನ ಸಂರಕ್ಷಣೆಯನ್ನು ಖಾತರಿಪಡಿಸುತ್ತದೆ. ಸರಳವಾದ ಕ್ಲೈಂಟ್-ಸೈಡ್ ಪರಿಹಾರಗಳಿಗಾಗಿ, ಸೆಶನ್ಸ್ಟೋರೇಜ್ ತಂತ್ರವು ಸೂಕ್ತವಾಗಿದೆ, ಆದರೆ ವ್ಯೂಸ್ಟೇಟ್ ಹೆಚ್ಚು ಸಮಗ್ರವಾದ ASP.NET ತಂತ್ರವನ್ನು ನೀಡುತ್ತದೆ. ಸರ್ವರ್-ಸೈಡ್ ನವೀಕರಣಗಳು ಮತ್ತು ಕ್ಲೈಂಟ್-ಸೈಡ್ ಇಂಟರಾಕ್ಟಿವಿಟಿ ನಡುವೆ ಸಮತೋಲನವನ್ನು ಒದಗಿಸುವ ಮೂಲಕ ಬಳಕೆದಾರರ ಕ್ರಿಯೆಗಳು ಹುಡುಕಾಟ ಪ್ರಕ್ರಿಯೆಯಲ್ಲಿ ಹಸ್ತಕ್ಷೇಪ ಮಾಡುವುದಿಲ್ಲ ಎಂದು AJAX ಖಚಿತಪಡಿಸುತ್ತದೆ. ಬಳಕೆದಾರರ ಘರ್ಷಣೆಯನ್ನು ಕಡಿಮೆ ಮಾಡುವ ಮತ್ತು ತಡೆರಹಿತ ASP.NET ಗ್ರಿಡ್-ಆಧಾರಿತ ಡೇಟಾ ಸಂವಾದದ ಅನುಭವವನ್ನು ಸಂರಕ್ಷಿಸುವ ಗುರಿಯೊಂದಿಗೆ ಪ್ರತಿ ಪರಿಹಾರವು ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ಉಪಯುಕ್ತತೆಯ ಅತ್ಯುತ್ತಮ ಅಭ್ಯಾಸಗಳಿಗೆ ಬದ್ಧವಾಗಿದೆ.
ಐಟಂ ಆಯ್ಕೆಯ ನಂತರ ASP.NET ಗ್ರಿಡ್ನಲ್ಲಿ ಹುಡುಕಾಟ ಮಾನದಂಡವನ್ನು ನಿರ್ವಹಿಸುವುದು
ವಿಧಾನ 1: ಸೆಷನ್ ಸಂಗ್ರಹಣೆಯೊಂದಿಗೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಬಳಸುವುದು (ಕ್ಲೈಂಟ್-ಸೈಡ್)
// JavaScript to store search criteria in session storage
$(document).ready(function() {
var searchValue = sessionStorage.getItem('searchValue') || '';
var table = $('#gridViewArtifacts').DataTable({
lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
searching: true,
ordering: true,
paging: true
});
table.search(searchValue).draw(); // Apply search from session
$('#gridViewArtifacts_filter input').on('keyup', function() {
sessionStorage.setItem('searchValue', $(this).val());
});
});
ASP.NET ನಲ್ಲಿ ಪೋಸ್ಟ್ಬ್ಯಾಕ್ಗಳ ಸಮಯದಲ್ಲಿ ಹುಡುಕಾಟ ಇನ್ಪುಟ್ ಅನ್ನು ಉಳಿಸಿಕೊಳ್ಳುವುದು
ವಿಧಾನ 2: ASP.NET ವ್ಯೂಸ್ಟೇಟ್ ಅನ್ನು ಬಳಸುವುದು (ಸರ್ವರ್-ಸೈಡ್)
' VB.NET Code-Behind: Store search criteria in ViewState
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
If Not IsPostBack Then
ViewState("SearchValue") = String.Empty
End If
End Sub
Protected Sub chkSelect_CheckedChanged(ByVal sender As Object, ByVal e As EventArgs)
' Retain search criteria in ViewState
Dim searchValue As String = CType(ViewState("SearchValue"), String)
ScriptManager.RegisterStartupScript(Me, Me.GetType(), "ApplySearch",
"document.getElementById('gridViewArtifacts_filter').value = '" & searchValue & "';", True)
End Sub
' Frontend JavaScript to capture search input
$(document).ready(function() {
$('#gridViewArtifacts_filter input').on('input', function() {
__doPostBack('UpdateSearch', $(this).val());
});
});
ಪೂರ್ಣ ಪುಟ ಮರುಲೋಡ್ ಅನ್ನು ತಡೆಯಲು AJAX ಅನ್ನು ಬಳಸಿಕೊಂಡು ಹುಡುಕಾಟ ಮಾನದಂಡಗಳನ್ನು ಸಂರಕ್ಷಿಸಲಾಗುತ್ತಿದೆ
ವಿಧಾನ 3: ಭಾಗಶಃ ಪುಟ ನವೀಕರಣಗಳಿಗಾಗಿ AJAX
// JavaScript for AJAX request to retain search after item selection
$(document).ready(function() {
$('#gridViewArtifacts').DataTable({
lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
searching: true,
ordering: true,
paging: true
});
$('#chkSelect').on('change', function() {
var searchValue = $('#gridViewArtifacts_filter input').val();
$.ajax({
type: 'POST',
url: 'UpdateGrid.aspx',
data: { searchValue: searchValue },
success: function() {
// Reapply search after AJAX update
$('#gridViewArtifacts').DataTable().search(searchValue).draw();
}
});
});
});
ASP.NET ಮತ್ತು JavaScript ನೊಂದಿಗೆ ಗ್ರಿಡ್ ಹುಡುಕಾಟದ ನಿರಂತರತೆಯನ್ನು ಹೆಚ್ಚಿಸುವುದು
ಪುಟದ ರಿಫ್ರೆಶ್ ಅಥವಾ ಪೋಸ್ಟ್ಬ್ಯಾಕ್ ನಂತರ ಗ್ರಿಡ್ನಲ್ಲಿ ಆಯ್ಕೆಮಾಡಿದ ಐಟಂಗಳ ಹೈಲೈಟ್ ಮಾಡಲಾದ ಸ್ಥಿತಿಯನ್ನು ನಿರ್ವಹಿಸುವುದು ASP.NET ಗ್ರಿಡ್ ಬಳಕೆದಾರ ಅನುಭವವನ್ನು ಅಖಂಡವಾಗಿಡುವಲ್ಲಿ ನಿರ್ಣಾಯಕ ಭಾಗವಾಗಿದೆ. ಬಳಕೆದಾರರು ಬಹು ಆಯ್ಕೆಗಳನ್ನು ಮಾಡಿದಾಗ ಅವರು ಇಂಟರ್ಫೇಸ್ನ ಇತರ ಪ್ರದೇಶಗಳೊಂದಿಗೆ ಸಂವಹನ ನಡೆಸುವಂತೆ ತಮ್ಮ ಆಯ್ಕೆಗಳನ್ನು ಸ್ಥಳದಲ್ಲಿ ಉಳಿಯಲು ನಿರೀಕ್ಷಿಸುತ್ತಾರೆ. ಗ್ರಿಡ್ ಮಾರ್ಪಾಡುಗಳ ಪರಿಣಾಮವಾಗಿ ಕೆಲವು ರಾಜ್ಯಗಳು ಮರುಹೊಂದಿಸಬಹುದಾದ ಕಾರಣ ಇದು ಆಗಾಗ್ಗೆ ಕಷ್ಟಕರವಾಗಿರುತ್ತದೆ. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಬಳಸುವುದು ಮತ್ತು EnableViewState ಪೋಸ್ಟ್ಬ್ಯಾಕ್ಗಳ ನಂತರ ಆಯ್ಕೆಯ ಸ್ಥಿತಿಯನ್ನು ಸಂಗ್ರಹಿಸಲು ಮತ್ತು ಪುನಃ ಅನ್ವಯಿಸಲು ಗುಣಲಕ್ಷಣವು ಇದನ್ನು ಪರಿಹರಿಸಲು ಒಂದು ಮಾರ್ಗವಾಗಿದೆ.
ಡೆವಲಪರ್ಗಳು ಕ್ಲೈಂಟ್-ಸೈಡ್ ಸ್ಟೋರೇಜ್ ಅನ್ನು ಬಳಸಬಹುದು ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ ಅಥವಾ ಅಧಿವೇಶನ ಸಂಗ್ರಹಣೆ, ಹುಡುಕಾಟ ಮಾನದಂಡಗಳನ್ನು ಸಂಗ್ರಹಿಸುವುದರ ಜೊತೆಗೆ ಆಯ್ಕೆ ಮಾಡಲಾದ ವಸ್ತುಗಳ ಜಾಡನ್ನು ಇರಿಸಿಕೊಳ್ಳಲು. ಬಳಕೆದಾರರು ಏಕಕಾಲದಲ್ಲಿ ಹಲವಾರು ಉತ್ಪನ್ನಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡುವ ಸಂದರ್ಭಗಳಲ್ಲಿ ಇದು ವಿಶೇಷವಾಗಿ ಸಹಾಯಕವಾಗಿದೆ. ಆಯ್ಕೆಮಾಡಿದ ಐಟಂ ಐಡಿಗಳನ್ನು ಸಂಗ್ರಹಿಸುವ ಮೂಲಕ ಪುಟವನ್ನು ಮರುಲೋಡ್ ಮಾಡಿದ ನಂತರ ಗ್ರಿಡ್ಗೆ ಆಯ್ಕೆಯನ್ನು ಪುನಃ ಅನ್ವಯಿಸಲು JavaScript ಅನ್ನು ಬಳಸಬಹುದು. ಬಳಕೆದಾರರ ಕ್ರಿಯೆಗಳು ಕಳೆದುಹೋಗದಂತೆ ತಡೆಯುವ ಮೂಲಕ, ಈ ತಂತ್ರವು ಸಂಪೂರ್ಣ ಬಳಕೆದಾರರ ಅನುಭವವನ್ನು ಹೆಚ್ಚು ಹೆಚ್ಚಿಸುತ್ತದೆ.
AJAX ನವೀಕರಣಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾದ ಗ್ರಿಡ್ಗಳಿಗೆ, ವಿಶೇಷವಾಗಿ ದೊಡ್ಡ ಡೇಟಾಸೆಟ್ಗಳನ್ನು ನಿರ್ವಹಿಸುವವರಿಗೆ ಉತ್ತಮ ವೇಗವನ್ನು ಖಾತರಿಪಡಿಸಲಾಗುತ್ತದೆ. ಸಂಪೂರ್ಣ ಗ್ರಿಡ್ ಅನ್ನು ಮರುಲೋಡ್ ಮಾಡುವ ಅಗತ್ಯವನ್ನು ಉಳಿಸುವ ಮೂಲಕ ಹುಡುಕಾಟ ನಿಯತಾಂಕಗಳು ಮತ್ತು ಆಯ್ದ ವಸ್ತುಗಳನ್ನು ಹಾಗೇ ಇರಿಸಿಕೊಂಡು ಭಾಗಶಃ ಮಾರ್ಪಾಡುಗಳನ್ನು ಮಾಡಬಹುದು. ಸಂಯೋಜಿಸುವ ಮೂಲಕ ಹೆಚ್ಚು ದ್ರವ ಮತ್ತು ಸಂವಾದಾತ್ಮಕ ಗ್ರಿಡ್ ಅನುಭವವನ್ನು ಸಾಧಿಸಲಾಗುತ್ತದೆ AJAX ಸರ್ವರ್-ಸೈಡ್ ಲಾಜಿಕ್ನೊಂದಿಗೆ, ಇದು ವೆಬ್ಸೈಟ್ಗೆ ತಮ್ಮ ಕೆಲಸದ ಹರಿವಿನೊಂದಿಗೆ ಹಸ್ತಕ್ಷೇಪ ಮಾಡದೆಯೇ ಬಳಕೆದಾರರ ಚಟುವಟಿಕೆಗಳಿಗೆ ಕ್ರಿಯಾತ್ಮಕವಾಗಿ ಹೊಂದಿಕೊಳ್ಳಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ.
ASP.NET ಗ್ರಿಡ್ಗಳಲ್ಲಿ ಹುಡುಕಾಟ ಮತ್ತು ಆಯ್ಕೆಯನ್ನು ಸಂರಕ್ಷಿಸಲು ಪದೇ ಪದೇ ಕೇಳಲಾಗುವ ಪ್ರಶ್ನೆಗಳು ಮತ್ತು ಅವುಗಳ ಉತ್ತರಗಳು
- ಪೋಸ್ಟ್ಬ್ಯಾಕ್ ನಂತರ ನಾನು ಹುಡುಕಾಟ ಮಾನದಂಡವನ್ನು ಹೇಗೆ ನಿರ್ವಹಿಸಬಹುದು?
- ಹುಡುಕಾಟ ಇನ್ಪುಟ್ ಅನ್ನು ಸಂಗ್ರಹಿಸುವ ಮೂಲಕ ಪೋಸ್ಟ್ಬ್ಯಾಕ್ಗಳ ನಡುವೆ ಹುಡುಕಾಟ ಮಾನದಂಡಗಳನ್ನು ಸಂರಕ್ಷಿಸಬಹುದು sessionStorage ಅಥವಾ ViewState.
- ವೆಬ್ಸೈಟ್ ರಿಫ್ರೆಶ್ ಮಾಡಿದಾಗ, ಗ್ರಿಡ್ನಲ್ಲಿ ನನ್ನ ಆಯ್ಕೆಗಳನ್ನು ನಾನು ನಿರ್ವಹಿಸಬಹುದೇ?
- ಹೌದು, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಬಳಸಿಕೊಳ್ಳುವ ಮೂಲಕ ಆಯ್ಕೆ ಮಾಡಿದ ಐಟಂ ಐಡಿಗಳನ್ನು ಪುಟವನ್ನು ಮರುಲೋಡ್ ಮಾಡಿದಾಗ ಮತ್ತು ಅವುಗಳನ್ನು ಉಳಿಸುವ ಮೂಲಕ localStorage ಅಥವಾ sessionStorage.
- ಗ್ರಿಡ್ ಐಟಂಗಳನ್ನು ಆಯ್ಕೆಮಾಡುವಾಗ, ಪುಟವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಮರುಲೋಡ್ ಮಾಡುವುದನ್ನು ನಿಲ್ಲಿಸಲು ಒಂದು ಮಾರ್ಗವಿದೆಯೇ?
- ಭಾಗಶಃ ಪುಟ ನವೀಕರಣಗಳಿಗಾಗಿ, ಬಳಸಿ AJAX ಗ್ರಿಡ್ ಸಂಪೂರ್ಣವಾಗಿ ಮರುಲೋಡ್ ಆಗುವುದನ್ನು ತಪ್ಪಿಸಲು ಮತ್ತು ಹುಡುಕಾಟ ನಿಯತಾಂಕಗಳನ್ನು ಸಂರಕ್ಷಿಸಲು.
- ಪೋಸ್ಟ್ಬ್ಯಾಕ್ಗಳ ನಡುವೆ ವಿಂಗಡಿಸುವ ಮತ್ತು ಪೇಜಿಂಗ್ ಆಯ್ಕೆಗಳನ್ನು ಸಂರಕ್ಷಿಸಬಹುದೇ?
- ಹೌದು, ಉದ್ಯೋಗಿ DataTables; ಪರ್ಯಾಯವಾಗಿ, ಬಳಸಿಕೊಳ್ಳಿ sessionStorage ಅಥವಾ ದಿ ViewState ಸ್ಥಿತಿಯನ್ನು ಕಾಪಾಡಿಕೊಳ್ಳಲು ಆಸ್ತಿ.
- ಗ್ರಿಡ್ನಲ್ಲಿ ಐಟಂ ಆಯ್ಕೆ ಮತ್ತು ಹುಡುಕಾಟದ ನಿರಂತರತೆ ಒಟ್ಟಿಗೆ?
- ಹೌದು, ನೀವು ಹುಡುಕಾಟ ಮಾನದಂಡಗಳನ್ನು ಮತ್ತು ಆಯ್ದ ಐಟಂಗಳನ್ನು ಪುಟವನ್ನು ಮರುಲೋಡ್ ಮಾಡಿದ ನಂತರ ಅವುಗಳನ್ನು ಪುನಃ ಅನ್ವಯಿಸಲು JavaScript ಅನ್ನು ಬಳಸಬಹುದು sessionStorage.
ASP.NET ಗ್ರಿಡ್ಗಳಲ್ಲಿ ಹುಡುಕಾಟ ಮತ್ತು ಆಯ್ಕೆಯ ಕುರಿತು ಅಂತಿಮ ಆಲೋಚನೆಗಳು
ASP.NET ಗ್ರಿಡ್ಗಳಲ್ಲಿ ಬಳಕೆದಾರರ ಅನುಭವವನ್ನು ಸುಧಾರಿಸಲು ಐಟಂಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಿದ ನಂತರ ಹುಡುಕಾಟ ಮಾನದಂಡಗಳನ್ನು ಇರಿಸಬೇಕಾಗುತ್ತದೆ. ಕ್ಲೈಂಟ್-ಸೈಡ್ ಮತ್ತು ಸರ್ವರ್-ಸೈಡ್ ತಂತ್ರಗಳು ಬಳಕೆದಾರರು ಪೋಸ್ಟ್ಬ್ಯಾಕ್ ಮಾಡುವ ಸಮಯದಲ್ಲಿ ತಮ್ಮ ಹುಡುಕಾಟ ಇನ್ಪುಟ್ ಅನ್ನು ನಿರ್ವಹಿಸುತ್ತಾರೆ ಎಂದು ಖಾತರಿಪಡಿಸುತ್ತದೆ. ಇದು ಹೆಚ್ಚು ತಡೆರಹಿತ ಮತ್ತು ಬಳಕೆದಾರ ಸ್ನೇಹಿ ಇಂಟರ್ಫೇಸ್ಗೆ ಕಾರಣವಾಗುತ್ತದೆ.
ಹುಡುಕಾಟದ ಇನ್ಪುಟ್ ಮತ್ತು ಆಯ್ದ ಐಟಂಗಳನ್ನು ಸಂರಕ್ಷಿಸಲಾಗುತ್ತಿದೆ ವೀಕ್ಷಿಸಿ ರಾಜ್ಯ ಧಾರಣ ಅಥವಾ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಸಂಗ್ರಹಣೆ, ಗುರಿಯಾಗಿದೆ. ಇದು ಕಿರಿಕಿರಿಯನ್ನು ಕಡಿಮೆ ಮಾಡಬೇಕು. ಈ ತಂತ್ರಗಳನ್ನು ಬಳಸುವ ಮೂಲಕ, ನಿಮ್ಮ ಗ್ರಿಡ್-ಆಧಾರಿತ ಅಪ್ಲಿಕೇಶನ್ಗಳ ಕ್ರಿಯಾತ್ಮಕ ಮತ್ತು ಬಳಕೆದಾರ ಸ್ನೇಹಿ ಸ್ವರೂಪವನ್ನು ನೀವು ನಿರ್ವಹಿಸಬಹುದು ಮತ್ತು ಒಟ್ಟಾರೆ ಉಪಯುಕ್ತತೆಯನ್ನು ಹೆಚ್ಚಿಸಬಹುದು.
ASP.NET ಗ್ರಿಡ್ ಹುಡುಕಾಟ ನಿರಂತರತೆಗಾಗಿ ಉಲ್ಲೇಖಗಳು ಮತ್ತು ಮೂಲ ವಸ್ತು
- ವಿವರವಾದ ಮಾಹಿತಿ ASP.NET ವ್ಯೂಸ್ಟೇಟ್ ಮತ್ತು ಇದು ಪೋಸ್ಟ್ಬ್ಯಾಕ್ಗಳ ನಡುವೆ ಡೇಟಾವನ್ನು ಹೇಗೆ ಸಂರಕ್ಷಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಮೂಲದಿಂದ ಪಡೆಯಲಾಗಿದೆ Microsoft ನ ಅಧಿಕೃತ ದಾಖಲೆ .
- ದಿ ಡೇಟಾ ಟೇಬಲ್ಸ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಹುಡುಕಾಟ ಕಾರ್ಯದಲ್ಲಿ ಬಳಸಲಾದ ಏಕೀಕರಣವನ್ನು ಉಲ್ಲೇಖಿಸಲಾಗಿದೆ ಡೇಟಾಟೇಬಲ್ಸ್ ಅಧಿಕೃತ ದಾಖಲೆಗಳು .
- ಬಳಕೆ ಅಧಿವೇಶನ ಸಂಗ್ರಹಣೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನಲ್ಲಿ ಕ್ಲೈಂಟ್-ಸೈಡ್ ಡೇಟಾವನ್ನು ಸಂಗ್ರಹಿಸಲು ಉದಾಹರಣೆಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಅನ್ವೇಷಿಸಲಾಗಿದೆ MDN ವೆಬ್ ಡಾಕ್ಸ್ .
- ಅನುಷ್ಠಾನಕ್ಕೆ ಮಾರ್ಗದರ್ಶನ AJAX ಗ್ರಿಡ್ ಸ್ಥಿತಿಯನ್ನು ನಿರ್ವಹಿಸುವಾಗ ಪುಟವನ್ನು ಮರುಲೋಡ್ ಮಾಡುವುದನ್ನು ತಡೆಯಲು ನಿಂದ ಸಂಗ್ರಹಿಸಲಾಗಿದೆ W3Schools AJAX ಟ್ಯುಟೋರಿಯಲ್ .