ತ್ವರಿತ ಮತ್ತು ಸುಲಭ: ಶೇರ್ಪಾಯಿಂಟ್ ನಿಮ್ಮ ಸ್ವಂತ jQuery Sandbox ರಚಿಸಿ

ಈ ನನ್ನ ಮತ್ತೊಂದು ಪೋಸ್ಟ್ ಆಗಿದೆ ಸರಣಿಯ ಮೇಲೆ ಚಿತ್ತದ ಬಳಸಲು ಹೇಗೆ jQuery ಶೇರ್ಪಾಯಿಂಟ್ ಜೊತೆ.
ನೀವು jQuery ಬಗ್ಗೆ ಹೆಚ್ಚು ತಿಳಿದುಕೊಳ್ಳಲು ಬಯಸಿದರೆ, ನಾನು ಹೆಚ್ಚು ಶಿಫಾರಸು: ಆಕ್ಷನ್ jQuery ಕರಡಿ Bibeault ಮತ್ತು ಯೆಹೂದ ಕಾಟ್ಜ್ ಮೂಲಕ.

ಶೇರ್ಪಾಯಿಂಟ್ ರಲ್ಲಿ jQuery ಪ್ರಾರಂಭಿಸುವುದು ಆಶ್ಚರ್ಯಕರ ಸುಲಭ (ನನಗೆ). (ನಾನು ಉತ್ಪಾದನೆಗೆ ಈ ವಿಷಯಗಳನ್ನು ನಿಯೋಜಿಸಲ್ಪಟ್ಟ ಒಂದು "ಉತ್ತಮ ಅಭ್ಯಾಸಗಳ" ವಿಧಾನ ಬಗ್ಗೆ ಗಂಭೀರ ಪ್ರಶ್ನೆಗಳನ್ನು ಹೊಂದಿದ್ದರೆ ಇಲ್ಲ, ಆದರೆ ಮತ್ತೊಂದು ದಿನ ಇಲ್ಲಿದೆ). I’ve just started playing with this technology and to that end, I created a sandbox environment to use. If you’re looking to get started with jQuery, ಈ ವಿಧಾನ ಉಪಯುಕ್ತ ಕಾಣಬಹುದು.

1. ಒಂದು ಖಾಲಿ ಸೈಟ್ ರಚಿಸಿ

ನಿಮ್ಮ ಸೈಟ್ ಎಲ್ಲೋ ಒಂದು ಖಾಲಿ ಸೈಟ್ ರಚಿಸಿ ಮತ್ತು ಇದು "jQuery ಸ್ಯಾಂಡ್ಬಾಕ್ಸ್" ನಂತಹ ಚತುರ ಏನೋ ಕರೆ.

2. JQuery ಡೌನ್ಲೋಡ್

ನೀವು ಇಲ್ಲಿಂದ jQuery ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಗ್ರಂಥಾಲಯದ ಡೌನ್ಲೋಡ್ ಮಾಡಬಹುದು: http://docs.jquery.com/Downloading_jQuery

ನಿಮ್ಮ ಡೆಸ್ಕ್ಟಾಪ್ಗೆ ಎಂದು ಉಳಿಸಿ.

ನಾನು "minified" ಆವೃತ್ತಿಯನ್ನು ಬಳಸಿಕೊಂಡು ಮಾಡಲಾಗಿದೆ.

3. ಒಂದು ಶೇರ್ಪಾಯಿಂಟ್ ಡಾಕ್ಯುಮೆಂಟ್ ಲೈಬ್ರರಿ ರಚಿಸಿ

ನಿಮ್ಮ ಸ್ಯಾಂಡ್ಬಾಕ್ಸ್ ಸೈಟ್ ರಲ್ಲಿ, create a document library.

4. ಶೇರ್ಪಾಯಿಂಟ್ ಗೆ jQuery ಲೈಬ್ರರಿ ಅಪ್ಲೋಡ್

ನೀವು ಕೇವಲ ದಾಖಲಿಸಿದವರು ಡಾಕ್ ಗ್ರಂಥಾಲಯದ ಪ್ರವೇಶಿಸಿ ಮತ್ತು jQuery ಗ್ರಂಥಾಲಯದ ಅಪ್ಲೋಡ್.

5. ಇಚ್ಛೆಯ ಶೇರ್ಪಾಯಿಂಟ್ ಪಟ್ಟಿ ರಚಿಸಿ

I’ve started with a custom list because I want to muck about with standard SharePoint forms. You could also create a page in a pages library or web part pages and probably a lot of other places.

Add some columns to the custom list so that you have something to run jQuery against. My initial objectives were to:

  1. ಒಂದು ಕ್ಷೇತ್ರದಲ್ಲಿ ಮರೆಮಾಡಿ.
  2. ಒಂದು ಕ್ಷೇತ್ರಕ್ಕೆ ಬೆಲೆಯನ್ನು ನಿಗದಿಪಡಿಸುತ್ತದೆ.

ಮನಸ್ಸಿನಲ್ಲಿ ಆ ಉದ್ದೇಶವಾಗಿತ್ತು, I added two text fields. ಕಾಲಾನಂತರದಲ್ಲಿ, ನಾನು ಕೊಂಡಿಗಳೊಂದಿಗೆ ಆಡಲು ಮಾಡುತ್ತೇವೆ, ಚಿತ್ರಗಳು, ಅವಲೋಕನದ, ಇತ್ಯಾದಿ.

6. NewForm.aspx ವೆಬ್ ಭಾಗ ಪುಟ ಮಾರ್ಪಡಿಸಿ ಮತ್ತು ಒಂದು ವಿಷಯ ಸಂಪಾದಕ ವೆಬ್ ಭಾಗ ಸೇರಿಸಿ

ಈ ಸ್ವಲ್ಪ ಕಪ್ಪು ಮ್ಯಾಜಿಕ್-ರೀತಿಯಲ್ಲಿ ಆಗಿದೆ , in that it’s a new concept to me. I first learned about this from ಪಾಲ್ ಗ್ರೆನಿಯೆರ್, ಶೇರ್ಪಾಯಿಂಟ್ jQuery ಸೂಪರ್ಸ್ಟಾರ್, ತನ್ನ CodePlex ಯೋಜನೆಯ ಸೈಟ್ ನಲ್ಲಿ: http://spff.codeplex.com/.

ಯಾವುದೇ ಕಸ್ಟಮ್ ಪಟ್ಟಿಗಾಗಿ NewForm.aspx ತೋರಿಸುತ್ತದೆ ಅದೇ ಪುಟಕ್ಕೆ CEWP ಸೇರಿಸಲು ಈ ಕೆಳಗಿನ ಹಂತಗಳನ್ನು ಅನುಸರಿಸಿ:

  1. ಕಸ್ಟಮ್ ಪಟ್ಟಿಯನ್ನು ಪ್ರವೇಶಿಸಲು ಮತ್ತು ನ್ಯೂ ಕ್ಲಿಕ್ ಮಾಡಿ.
  2. URL ಗೆ ಈ ಕೆಳಗಿನ ಸೇರಿಸು: ಪುಟ ವೀಕ್ಷಣೆಯ = ಹಂಚಿಕೆ&ToolPaneView = 2

ಈ ರೀತಿಯ ನಿಮ್ಮ ನೀರಸ ವೆನಿಲಾ ದಶಮಾಂಶ ಪ್ರವೇಶ ರೂಪ ರೂಪಾಂತರ ಎಂದು:

image

ಈ ಮಾಡಲು:

image

ಪುಟಕ್ಕೆ ವಿಷಯ ಸಂಪಾದಕರು ವೆಬ್ ಭಾಗ ಸೇರಿಸಿ.

7. ನಿಮ್ಮ ಮೊದಲ jQuery ಕೋಡ್ ಬರೆಯಿರಿ

ಕೋಡ್ ವೀಕ್ಷಣೆಯಲ್ಲಿ ಎಂದು CEWP ತೆರೆಯುತ್ತದೆ ಮತ್ತು ಸೇರಿಸಬೇಕು:

image

ನೀವು ಅಂಟಿಸಿ / ನಕಲಿಸಿ ಬಯಸಿದರೆ ಇಲ್ಲಿ ನಿಜವಾದ ಕೋಡ್ ಇಲ್ಲಿದೆ:

<ಸ್ಕ್ರಿಪ್ಟ್
    "text/javascript"
    SRC ="../../jQuery Library/jquery-1.3.2.min.js">
</ಸ್ಕ್ರಿಪ್ಟ್>

<ಸ್ಕ್ರಿಪ್ಟ್ ಕೌಟುಂಬಿಕತೆ ="text/javascript">
  $(ಕ್ರಿಯೆ() {

    $('# ResultsID').HTML('ಇವೆ' + $('ಒಂದು').ಗಾತ್ರ() + 'ಈ ಪುಟದಲ್ಲಿ ಒಂದು ಟ್ಯಾಗ್ ಟ್ಯಾಗ್ಗಳು.');

  });
</ಸ್ಕ್ರಿಪ್ಟ್>

ಫಲಿತಾಂಶ:
<DIV ಐಡಿ ='ResultsID'></div>
/ಕಾರಣವಾಗುತ್ತದೆ

ಗಮನಿಸಿ ಆ ಮೊದಲ <ಸ್ಕ್ರಿಪ್ಟ್> tag is referencing the actual jQuery library. Presumably, ಈ ವಿಷಯಗಳನ್ನು ಕಾಲಾಂತರದಲ್ಲಿ ಬದಲಾವಣೆ, ಆದ್ದರಿಂದ ನೀವು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ ಬಯಸುವಿರಿ) ಸರಿಯಾದ ಹೆಸರು ಮತ್ತು ಬಿ ಬಳಸಿ) ಸರಿಯಾದ ಶೇರ್ಪಾಯಿಂಟ್ ಡಾಕ್ಯುಮೆಂಟ್ ಗ್ರಂಥಾಲಯದ ಇದನ್ನು ಸೂಚಿಸುತ್ತಾರೆ.

ವೈಭವದಲ್ಲಿ ಬಿಸಿಲುಕಾಯಿಸು

ನೀವು ಸರಿಯಾಗಿ ಮಾಡಿದರೆ, ನೀವು ಕೆಳಗಿನ ಹೋಲುವ ಪರಿಣಾಮವಾಗಿ ನೋಡುತ್ತಾರೆ:

image

ಅಪ್ ಸುತ್ತಿ

ಈ ಪ್ರಾರಂಭಿಸಲು ಮಾತ್ರ ರೀತಿಯಲ್ಲಿ ಅಲ್ಲ, ಆದರೆ ಇದು ತ್ವರಿತ ಇಲ್ಲಿದೆ, easy and isolated from your existing SharePoint environment.

</ಕೊನೆಯಲ್ಲಿ>

ನನ್ನ ಬ್ಲಾಗ್ ಚಂದಾದಾರರಾಗಿ.

ನಲ್ಲಿ ಟ್ವಿಟ್ಟರ್ ನನ್ನನ್ನು ಅನುಸರಿಸಿ http://www.twitter.com/pagalvin

2 ಮೇಲೆ "ಆಲೋಚನೆಗಳುತ್ವರಿತ ಮತ್ತು ಸುಲಭ: ಶೇರ್ಪಾಯಿಂಟ್ ನಿಮ್ಮ ಸ್ವಂತ jQuery Sandbox ರಚಿಸಿ

ಒಂದು ಉತ್ತರಿಸಿ ಬಿಡಿ

ನಿಮ್ಮ ಈಮೇಲ್ ವಿಳಾಸ ರ ಆಗುವುದಿಲ್ಲ. ಅಗತ್ಯವಿರುವ ಜಾಗ ಗುರುತಿಸಲಾಗಿದೆ *