இந்த என் மற்றொரு பதிவு தொடர் நடந்து பயன்படுத்த எப்படி jQuery ஷேர்பாயிண்ட் கொண்டு.
நீங்கள் jQuery பற்றி மேலும் அறிய விரும்பினால், நான் மிகவும் பரிந்துரைக்கிறோம்: அதிரடி ல் jQuery கரடி Bibeault மற்றும் Yehuda கட்ஸ்.

நான் நினைத்தேன் முதல் விஷயங்களை ஒன்று, ஒருமுறை நான் jQuery சுற்றி விளையாட தொடங்கியது, was whether we could use it to secure a SharePoint view. The answer is “no” (அல்லது குறைந்தது, நான் முடிந்தால் கூறி). எனினும், it is certainly possible to make it difficult for people to see a particular view.

I started with my sandbox environment when working on this. I wrote about that environment here: விரைவான மற்றும் எளிதான: ஷேர்பாயிண்ட் உங்கள் சொந்த jQuery சேண்ட்பாக்ஸை உருவாக்க.

ஒரு பார்வை "பாதுகாக்க வேண்டும்", இந்த வழிமுறைகளை பின்பற்றவும்:

1. Create a view you want to secure. I did that and called it “Secured View”.

   இது "பாதுகாப்பு" இல்லை போது தெரிகிறது என்ன:

   

2. சேண்ட்பாக்ஸ்க்கு கட்டுரையில் விவரிக்கப்பட்ட தந்திரம் பயன்படுத்தி பார்வை பக்கத்தில் ஒரு உள்ளடக்கத்தை ஆசிரியர் வலை பகுதியாக சேர்க்க (அதாவது. "பக்கக்காட்சி = பகிரப்பட்ட சேர்க்க&URL க்கு ToolPaneView = 2 ").
3. Figure out your SharePoint _spUserId by following these crazy steps, நம்ப அல்லது இல்லை:
   1. உங்கள் ஷேர்பாயிண்ட் சூழலில் உள்நுழைய.
   2. உலாவியின் முகவரி துறையில், மாதிரி: "JavaScript:எச்சரிக்கை செய்(_spUserId ").
   3. இதன் விளைவாக பதிவு (அது என் விஷயத்தில் "13" தான்).

      

4. குறியீடு பார்வையில் உங்கள் CEWP பின்வரும் JavaScript சேர்க்க:
   
   

   <ஸ்கிரிப்ட்     "text/javascript" src ="../../jQuery%20Library/jquery-1.3.2.min.js"> </ஸ்கிரிப்ட்> <ஸ்கிரிப்ட் வகை ="text/javascript"> $(செயல்பாடு() { எச்சரிக்கை செய்(_spUserId); இருந்தது theSecuredView = $('Iframe[FilterLink * = பாதுகாப்பான% 20View]'); என்றால், ((theSecuredView.length > 0) && (_spUserId == 13)) $('Iframe[FilterLink * = பாதுகாப்பான% 20View]').பெற்றோர்().பெற்றோர்().பெற்றோர்().HTML("<TR bgcolor = சிவப்பு><TD>நீங்கள் எந்த பார்வை!</TD></TR>"); }); </ஸ்கிரிப்ட்>

நான் சேர்த்தேன் என்று எச்சரிக்கை(_spUserId) இந்த உண்மையில் ஒரு பார்வை "பாதுகாப்பான" அல்ல என்பதை நிரூபிக்க அங்கு வரி, but simply making it more difficult to see. More on that in a moment.

அடிப்படையில், jQuery is looking for an iFrame on the page who has an attribute that contains “Secured View” in its value. Once it finds it, we check to see if the current user is “13”. If it is, நாம் ஒரு டிஓம் வரை நடக்க <டிஆர்> டேக் (இது நான் மூல பார்க்கும் மற்றும் அதை தேடி வெளியே உருவம்) பின்னர் என் செய்தி என்று டி குறிச்சொல் பதிலாக. நான் இதை எப்படி உறுதியானதாகவும் இருக்கிறது என்று எனக்கு தெரியாது (நான் மிகவும் சந்தேகத்திற்கிடமான இருக்கிறேன், உண்மையில்), but it worked in my sandbox. If I find a better way, நான் அதை பற்றி எழுத வேண்டும். இந்த விளைவு ஆகும்:

நான் OK பொத்தானை கிளிக் செய்யவும் மற்றும் தரவு பெரிய சிவப்பு செய்தி மாற்றப்படும்:

நீங்கள் சொல்ல முடியும், the way I’ve implement this “security” solution is to allow the web part to render itself. After it finishes, நான் என் "இல்லை பார்வையில் அதன் உள்ளடக்கத்தை மேலெழுதும்!"செய்தி.

அது உண்மையில் ஒரு "பாதுகாக்கப்பட்ட '" காட்சி இல்லை என்ற போதிலும், அது பயன்மிக்க மற்றும் சில புத்திசாலி வேலை இருக்கிறது, it may eventually be securable in a more formal sense. The fundamental issue is that the client is getting all the data and then, இது தரவு பெறுகிறது பிறகு தான், it wipes it out. If the client is getting the data, ஒரு புத்திசாலி பயனர் அனைத்து இயங்கும் இருந்து jQuery தடுக்க மற்றும் அவன் / அவள் பார்க்க விரும்புகிறார் என்ன பார்க்க முடியும்.

There are other drawbacks. This “security” approach is based off a _spUserId. We’d want to really secure based on the full SharePoint security model, or at least by user name. That becomes progressively harder, ஆனால் நான் இந்த விஷயத்தை பற்றி எழுதப்பட்ட சில நல்ல விஷயங்களை பார்க்க, அதனால் நான் அந்த பிரச்சினைக்கு ஒரு நல்ல பதில் இருக்கிறது நம்பிக்கை இருக்கிறேன்.

தங்களை அழகாகவும் வேண்டும் பார்வைகள் பட்டியல், முடிந்தால். I haven’t tried to figure that out. I assume it’s possible, ஒருவர் இன்னும் தான் அவர்கள் விரும்பவில்லை காட்சி URL ஐ தட்டச்சு என்பதால் ஆனால் உண்மையில் அடிப்படை பாதுகாப்பு பிரச்சினை தீர்க்க இல்லை (அவர்கள் அதை தெரிந்திருந்தால்). எனினும், trimming makes sense. It’s a good usability feature and it helps to obfuscate things. If an end user doesn’t know that the view event exists, they probably won’t try to use it. சில வேளைகளில், போதுமான நல்லது.

அதிர்ஷ்டம், நான் காலப்போக்கில் இந்த விஷயத்தில் எழுத இன்னும் வேண்டும்.

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin

இந்த என் மற்றொரு பதிவு தொடர் நடந்து பயன்படுத்த எப்படி jQuery ஷேர்பாயிண்ட் கொண்டு.
நீங்கள் jQuery பற்றி மேலும் அறிய விரும்பினால், நான் மிகவும் பரிந்துரைக்கிறோம்: அதிரடி ல் jQuery கரடி Bibeault மற்றும் Yehuda கட்ஸ்.

முன்பு, I wrote about how to use jQuery to locate and hide a text field on a form. I didn’t care for the specific approach (நான் பிணைப்பு பெற்றோர்கள் இருந்தது - என்று வெறுமனே இந்த நாட்களில் செய்யவில்லை இருக்கிறாள், குறைந்தது தர குடும்பங்கள்).

நான் முதல் அது பற்றி சிந்திக்க தொடங்கிய போது, நான் ஒரு கண்டுபிடிக்க தேவை தெரியும் <டிஆர்> நான் மறை செயலாக்க இது() முறை. My early effort to find the correct <டிஆர்> இந்த மாதிரி ஏதாவது:

$('TR:உள்ளது(உள்ளீடு[தலைப்பு = என்னை மறை!])');

அந்த பிரச்சனை ஒவ்வொரு கண்டுபிடிக்க என்று ஆகிறது <டிஆர்> tag that had any parent relationship to the Hide Me! புலம், என்னை மறை கூட! ஆழமான பல மட்டங்களில் காக்கப்பட்ட <டிஆர்>’s. It turns out that on my sandbox form, அந்த வெளிப்பாடு காண்கிறது 9 என்னை மறை யார் வெவ்வேறு டி 'ஸ்! as a child somewhere in its DOM tree. I realized that I could walk back up the tree from the input field itself, அதனால் நான் தவறாக பெற்றோர்கள் முடிந்தது எப்படி, ஆனால் அது எனக்கு நன்றாக உட்கார்ந்து.

நான் இறுதியாக செய்த உணர்வு வாசிக்க இந்த ஒரு விஷயம் சில யோசித்தேன்: நான் பயன்படுத்த முடியவில்லை() வெளியே ஒழுங்கமைக்க முறை <டிஆர்>’s I don’t want in my wrapped set. இந்த என்னை வழிநடத்தி:

$('TR:உள்ளது(உள்ளீடு[தலைப்பு = என்னை மறை!])').இல்லை('TR:உள்ளது(TR)').மறைக்க();

முதல் பிட் அனைத்து காண்கிறது <டிஆர்> என்னை மறை என்று குறிச்சொற்களை! field anywhere in their own hierarchy. It then strips out any <டிஆர்> ஒரு குழந்தை வேண்டும் என்று <டிஆர்>. This leaves us with a single <டிஆர்> என்று:

1) இல்லை இல்லை <டிஆர்> குழந்தை பதிவுகள்

2) Does have the input field as child.

நாம் ஹைட் விண்ணப்பிக்க முடியும்() இதன் விளைவாக தொகுப்பு நாம் முடித்துவிட்டீர்கள் முறை.

நான் இன்னும் இதை பற்றி ஒரு பிட் பதட்டமாயிருக்கு, பிணைப்பு பெற்றோர்கள் ஆனால் நரம்பு இல்லை.

I don’t know if this is a best practice or not. There may be a more appropriate way of identifying just the <டிஆர்> that we care about in a SharePoint form. If you know, கருத்துரைகளை செய்யவும்.

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin

இந்த என் மற்றொரு பதிவு தொடர் நடந்து பயன்படுத்த எப்படி jQuery ஷேர்பாயிண்ட் கொண்டு.
நீங்கள் jQuery பற்றி மேலும் அறிய விரும்பினால், நான் மிகவும் பரிந்துரைக்கிறோம்: அதிரடி ல் jQuery கரடி Bibeault மற்றும் Yehuda கட்ஸ்.

புதுப்பிப்பு (ஏற்கனவே!): நான் கண்டுபிடிக்க ஒரு சிறந்த வழி யோசித்தேன் <டிஆர்> நான் மறைக்க வேண்டும் குறிக்கவும் இங்கே அதை பற்றி எழுதியது. You may still find this article interesting anyway so I’m leavnig it up.

நான் ஒரு உரை துறையில் மறைக்க வேண்டும், "என்னை மறை!"காண்பிக்கப்படும்:

'

பின்வரும் jQuery எனக்கு தந்திரம் செய்கிறது:

<ஸ்கிரிப்ட் வகை ="text/javascript">

  $(செயல்பாடு() {


    $('உள்ளீடு[தலைப்பு = என்னை மறை!]').பெற்றோர்().பெற்றோர்().பெற்றோர்().மறைக்க();

  });

</ஸ்கிரிப்ட்>

குறியீடு என்று, "எனக்கு யாருடைய தலைப்பு = என்னை மறை அனைத்து உள்ளீடு துறைகள் கண்டுபிடிக்க!. அப்பொழுது, அதன் பெற்றோர் மற்றும் பிறகு அடுத்த பெற்றோர் மற்றும் * அடுத்த * பெற்றோர் கிடைக்கும் (அசாதாரண தோற்றம்!) மற்றும் மறை செயலாக்க() அந்த விஷயம் மீது முறை, அது நடந்தால் என்ன.

நான் ஷேர்பாயிண்ட் காட்டப்படும் உருவாக்கிய வடிவம் HTML ஐ பார்க்கும் அந்த பெற்றோர் அமைப்பு அவுட் உருவம்:

<டிஆர்>
    <TD nowrap="true" valign="top" அகலம்="190px" வர்க்கம்="ms-formlabel">
        <H3 வர்க்கம்="ms-standardheader">
            <nobr>என்னை மறைக்க!</nobr>
        </H3>
    </TD>

    <TD valign="top" வர்க்கம்="ms-formbody" அகலம்="400px">
        <!-- FieldName="Hide Me!"
                 FieldInternalName="Hide_x0020_Me_x0021_"
                 FieldType="SPFieldText"
        -->
        <span நீ="none">
            <உள்ளீடு
                பெயர்="ctl00$m$g_bdb23c2c_fde7_495f_8676_69714a308d8e$ctl00$ctl04$ctl02$ctl00$ctl00$ctl04$ctl00$ctl00$TextField"
                மாதிரி="text"
                MAXLENGTH="255"
                ஐடி="ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
                தலைப்பு="Hide Me!"
                வர்க்கம்="ms-long" />
                <Br>
        </span>


    </TD>
</டிஆர்>

இந்த படத்தை அதே காட்டுகிறது, ஆனால் பெற்றோர்கள் உடன் குறித்தது:

முதல் பெற்றோர் (1) is a span tag. Span’s parent (2) ஒரு TD டேக் மற்றும் பிறகு இறுதியாக நான் மறைக்க விரும்பவில்லை உண்மையான பெற்றோர் கிடைக்கும் (3) இது டிஆர் குறிச்சொல் ஆகும்.

This is a pretty terrible approach I think because it’s extremely dependent on the very specific structure of this form. When SharePoint 2010 வெளியே வரும், this whole structure could change and break this approach. What I really want to do is craft a jQuery selector that is along the lines of “find me all the TR’s (மற்றும் டி குறிச்சொற்களை) எங்காவது அவர்களின் குழந்தை உறுப்புகளில் அதன் தலைப்பு = என்னை மறை உள்ளீடு துறையில் என்று!". I starting from the bottom and moving up. Assuming I figure this out, நான் ஒரு மேம்படுத்தப்பட்ட "விரைவான மற்றும் எளிதான 'படம் வேண்டும்.

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin

இந்த என் மற்றொரு பதிவு தொடர் நடந்து பயன்படுத்த எப்படி jQuery ஷேர்பாயிண்ட் கொண்டு.
நீங்கள் jQuery பற்றி மேலும் அறிய விரும்பினால், நான் மிகவும் பரிந்துரைக்கிறோம்: அதிரடி ல் jQuery கரடி Bibeault மற்றும் Yehuda கட்ஸ்.

ஷேர்பாயிண்ட் உள்ள jQuery தொடங்குதல் வியப்பு எளிதானது (எனக்கு). (I do have serious questions about a “best practices” approach to deploying these things to production, but that’s for another day). 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, you may find this approach useful.

1. Create a Blank Site

Create a blank site somewhere in your site and call it something clever like “jQuery Sandbox”.

2. Download jQuery

You can download the jQuery javascript library from here: http://docs.jquery.com/Downloading_jQuery

Save that to to your desktop.

I have been using the “minified” version.

3. Create a SharePoint Document Library

In your sandbox site, create a document library.

4. Upload the jQuery Library to SharePoint

Access the doc library you just created and upload the jQuery library.

5. Create a Custom SharePoint List

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. Hide a field.
2. Assign a value to a field.

With that objective in mind, I added two text fields. காலப்போக்கில், I’ll be playing with links, images, lookups, முதலியன.

6. Modify the NewForm.aspx Web Part Page and Add a Content Editor Web Part

This is a little black magic-ish , in that it’s a new concept to me. I first learned about this from பால் கிரேனியர், SharePoint jQuery Superstar, at his CodePlex project site: http://spff.codeplex.com/.

Follow these steps to add a CEWP to the same page that shows NewForm.aspx for any custom list:

1. Access the custom list and click New.
2. Append the following to the URL: PageView=Shared&ToolPaneView=2

That will transform your boring vanilla data entry form from something like this:

To this:

Add the content editor web part to the page.

7. Write Your First jQuery Code

Open up that CEWP in the code view and add the following:

Here’s the actual code if you want to copy/paste:

<ஸ்கிரிப்ட்
    "text/javascript"
    src ="../../jQuery%20Library/jquery-1.3.2.min.js">
</ஸ்கிரிப்ட்>

<ஸ்கிரிப்ட் வகை ="text/javascript">
  $(செயல்பாடு() {

    $('#resultsID').HTML('There are ' + $('a').size() + ' a tags tags on this page.');

  });
</ஸ்கிரிப்ட்>

முடிவு:
<div id='resultsID'></div>
/result

Note that the first <ஸ்கிரிப்ட்> tag is referencing the actual jQuery library. Presumably, these things change over time, so you’ll want to make sure you a) use the right name and b) point it to the correct SharePoint document library.

Bask in the Glory

If you did it correctly, you’ll see a result similar to the following:

Wrapping Up

This isn’t the only way to get started, but it’s quick, easy and isolated from your existing SharePoint environment.

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin

நான் சுற்றி விளையாட தொடங்கினார் jQuery yesterday. I’ve been wanting to do this for a long time, முதற்கொண்டு எப்பொழுதும் பால் கிரேனியர் தொடங்கியது எழுத்து அவரது தொடர் மதிப்பிற்குரிய உள்ள பயனர்களுக்கு jQuery பற்றி www.endusersharepoint.com web site. As I use it, I hope to add a series of “Quick and Easy” posts like this one. This post describes how to set a known text field’s value to anything you want.

இந்த சூழ்நிலையில், நான் யாருடைய "புதிய" வடிவத்தில் காட்டப்பட்டுள்ளது தெரிகிறது விருப்ப பட்டியல் உருவாக்கப்பட்டது:

இந்த இயல்புநிலை தலைப்பு நிரல் மற்றும் இரண்டு பட்டியல் பத்திகள் ஒரு விருப்ப பட்டியல் புதிய வடிவம் (இல்லை தளத்தில் பத்திகள்; நான் எந்த வித்தியாசமும் வேண்டும் என்று நான் நினைக்கவில்லை).

புறநிலை துறையில் ஒரு தன்னிச்சையான மதிப்பு ஒதுக்க வேண்டும், "DefaultMeFieldNoSpaces" (நான் "இடைவெளிகள் இல்லை" விஷயம் நடந்து ஒரு கோழை ஒரு பிட் தான் சொல்ல முடியும், ஆனால் நான் இந்த கட்டுரையின் இறுதியில் மசாலா அதை செய்கிறேன்).

JQuery இந்த பிட் எனக்கு வேலை:

<ஸ்கிரிப்ட் வகை ="text/javascript">

  $(செயல்பாடு() {

    $('உள்ளீடு[தலைப்பு = DefaultMeFieldNoSpaces]').attr(
        {மதிப்பு: 'நீங்கள் பத்திகளை ஒரு twisty பிரமை உள்ளன, எல்லாம் ஒன்றாக. '});

  });

</ஸ்கிரிப்ட்>

நான் அதை புரிந்து jQuery இந்த பிட் கூறுகிறார், “find me any input tag whose title = DefaultMeFieldNoSpaces. அப்பொழுது, ஒரு பழைய கணினி விளையாட்டு ஒரு பிரபலமான சொற்றொடர் தங்கள் மதிப்புகள் அனைத்து அமைக்க. "

ஒரே "DefaultMeFieldNoSpaces" சமமாக ஒரு தலைப்பு வடிவம் ஒரு துறையில் இருக்கும் என்பதால் நாம் அந்த துறையில் ஒரு மதிப்பை நிர்ணயிக்கும் உறுதி மற்றும் வேறு.

யாருடைய பெயரை அது இடைவெளிகள் ஒரு துறையில் என்ன? It’s nearly the same:

<ஸ்கிரிப்ட் வகை ="text/javascript">

  $(செயல்பாடு() {
     $('உள்ளீடு[விண்வெளி உடன் தலைப்பு = ஒதுக்க புலம்]').attr(
        {மதிப்பு: 'நீங்கள் பத்திகளை ஒரு twisty பிரமை உள்ளன, எல்லாம் ஒன்றாக. '});

  });

</ஸ்கிரிப்ட்>

நான் இந்த ஒரு மிகவும் பாதுகாப்பான அணுகுமுறையை நினைக்கிறேன், meaning that we should be able to find the field that we want and only the field we want. If you look at the HTML SharePoint is giving us, அதை அழுக்காக்கி வகை இருக்கிறது:

<உள்ளீடு
பெயர்="ctl00$m$g_bdb23c2c_fde7_495f_8676_69714a308d8e$ctl00$ctl04$ctl02$ctl00$ctl00$ctl04$ctl00$ctl00$TextField"
மாதிரி="text"
MAXLENGTH="255"
ஐடி="ctl00_m_g_bdb23c2c_fde7_495f_8676_69714a308d8e_ctl00_ctl04_ctl02_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
தலைப்பு="DefaultMeFieldNoSpaces"
வர்க்கம்="ms-long"
/>

"தலைப்பு" எங்களுக்கு இது எங்கள் தன்னிச்சையான மதிப்பு ஒதுக்க வேண்டும் குறிப்பிட்ட நிரலை கண்டறிய உதவ ஒரு அங்கீகரிக்கப்பட்ட மற்றும் வட்டம் தனிப்பட்ட பண்பு என குறிக்கிறது.

This is a foundational concept. Setting a field in an arbitrary way like this isn’t going to win any awards. எனினும், நாம் இன்னும் சுவாரஸ்யமான வடிவம் அளவில் பொருட்களை செய்ய விரும்பினால் (நாம் அனைத்து எப்போதும் செய்ய வேண்டும் இது, நிச்சயமாக, நாம் கழுவும் சரியான பிறகு), தானாக "துறையில் ஒரு" மதிப்பு அடிப்படையில் "துறையில் ப" மதிப்பை மாற்ற விரும்புகிறேன், நாம் (நான்) இந்த விஷயங்களை கற்று கொள்ள வேண்டும்.

நான் இங்கே ஒரு உண்மையான பயனுள்ளதாக மதிப்பை பெற எங்கள் சிறந்த வாய்ப்பு தலைப்பு வழியாக நினைக்கிறேன், at least for text fields. There may be a better, more reliable approach. If I find it, நான் இந்த புதுப்பிக்க வேண்டும். If you know a better way, ஒரு விடுங்கள்.</இறுதியில்>

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin