Архиви на категоријата: jQuery и SharePoint

Надминат проблем досадни со Релативна Url адреси во SharePoint Брзи Стартување

I wanted to add a link to the quick launch navigation the other day and SharePoint told me:

image

Pure text version of that is:

Ensure that the URL is valid and begins with either a valid character (a number sign (#) or forward slash (/)) or a valid supported protocol (на пример, ‘http://", ‘https://", ‘file://", ‘ftp://", ‘mailto:", 'Вести:").

"Лим и сипаници!" Реков.

А за да се заобиколи ова е да се користи JavaScript за да најде познат алка во брзо стартување и замени своето однесување.

Да ги тестираат оваа, додадете нов линк до вашиот сајт тест thusly:

image

Јас се користи jQuery. To solve it, добијат некои JavaScript и jQuery врз страница користење на вашите омилени техника и со линија на кодот се допаѓа ова:

 

$(документ).подготвени( функција () {

    $("на:содржи("Тест URL заменувачки)").кликнете(функција () { alert("променето однесување клик!"); се врати лажни;});

});

И вашиот чичко Боб.

На менувачот jQuery наоѓа секој <на> ознака дека има "Тест URL замена" во своето име. Вие може да сакате да се најде мелодија дека во зависност од вашата врска и како.

На .Кликнете(функција() поголем ефект што и SharePoint би направиле кога корисникот ќе кликне. Осигурете "return false", или на друго место ќе го направи вашиот работи и потоа обидете се да го href нешто премногу, што не е речиси сигурно вашата цел.

Ова беше направено и тест во онлајн средина SharePoint но треба да работат добро во 2010 и порано премногу.

</крајот>

undefinedДа се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Брзо и едноставно: Реши "Невалиден URL параметар” Проблемот со UpdateListItems во lists.asmx

When working with UpdateListItems via lists.asmx, it’s easy to generate the error:

Invalid URL Parameter.

The URL provided contains an invalid Command or Value. Please check the URL again.

You can get this error when you forget to include ID in the the list of fields to update.  Овој, like a lot of these SP web services, is a bit counterintuitive since you need to include the ID in the ID attribute of the <Method> element.  And you’re not updated ID and probably never want to in the first place.

This SOAP envelope works:

<soapenv:Плик xmlns:soapenv ='http://schemas.xmlsoap.org/soap/envelope/'>
  <soapenv:Тело>                      
    <UpdateListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'>                     
      <listName>{C712E2EA-54E1-47AD-9D99-1848C7773E2F}</listName>                     
        <updates>                     
         <Batch OnError="Continue">
          <Method ID="1" Cmd="Update">
            <Field Name="CooperativeLock">locked!</Поле>
            <Field Name="ID">1</Поле>
          </Method>
        </Batch>                     
        </updates>                
      </UpdateListItems>             
  </soapenv:Тело>         
</soapenv:Плик>

If you strip out the ID field reference then you’ll get the annoying “Invalid URL parameter” message.

</крајот>

undefinedДа се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

 

Кеширање сиромашен човек во вклучите Javascript-

[TL;DR version: use cookies to store the results of async calls; render the results of past async calls immediately and then validate them after page-load.]

I’ve been working on SharePoint intranet site for a client that features, меѓу другото, a stylized secondary navigation whose menu options are managed via a regular old custom list.  The idea is that the client gets to control “their” site’s menu without affecting or being affected by the global navigation put out by IT.

(there is something incredibly subversive about adding a CEWP that points to an HTML file that loads some CSS and JS to fundamentally alter almost everything about a site’s behavior… but that’s for another post)

The code for this pretty simple:

The sore spot here is that every time anyone hits one of the site’s pages, that user’s web browser is reaching out to get items from the list.  Once dev is complete and testing has proven things to be stable and complete, this call is unnecessary more than 99% of the time since the menu rarely changes.  It also has a weird UI affect which is common in this brave new world of hyper-ajaxy web sites – the page renders and only then does the menu render.  It’s jittery and distracting in my view.  And jittery. Така, caching. 

I modified the logic thusly:

  • Look for a cookie in the browser that contains the menu as I last read it
    • If found, render it immediately.  Don’t wait for the page to finish loading.  (You need to make sure your HTML is strategically placed here, but it’s not hard to do).
  • Wait for the page to finish loading and make an async call to load up menu items from a list using REST or lists.asmx or whatever
  • Compare what I got against the cookie
    • If it matches, STOP
    • Во спротивно, using jQuery, dynamically populate a bunch if <Ли>’s in a <Улица>
  • Use CSS to do all the formatting
  • Profit!

Some of you are going to say, “hey! there’s no real caching going on here since you’re reading the menu anyway every single time."  And you’re right – I’m not giving the server any kind of break.  But because the call is async and happens after the page’s initial HTML payload fully renders, it “feels” more responsive to the user.  The menu renders pretty much as the page draws.  If the menu happens to the change, the user is subjected to a jittery re-draw of the menu, but only that one time.

There are some ways to make this caching more effective and help out the server at the same time:

  • Put in a rule that the “cookie cache” is valid for a minimum of 24 hours or some other timeframe. As long as there is no expired cookie, use the cookie’s menu snapshot and never hit the server.

Well … that’s all that come to mind right now :). 

If anyone has any clever ideas here I’d love to know them.

And lastly – this technique can be used for other stuff.  This client’s page has a number of data-driven things on various pages, many of them changing relatively rarely (like once a week or once a month).  If you target specific areas of functionality, you can give a more responsive UI by pulling content from the local cookie store and rendering immediately.  It feels faster to the user even if you’re not saving the server any cycles.  Можете може save the server cycles by deciding on some conditions and triggers to invalidate this local cookie cache.  That’s all situational and artsy stuff and really the most fun :). 

</крајот>

undefinedДа се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

XSLT и jQuery Примероци

Јас се прави многу на XSLT и jQuery и мислев јас би ги споделат неколку фрагменти што другите може да најдете корисни во иднина.

Пример 1: Емитуваат едноставни вклучите Javascript- / jQuery во XSLT:

<XSL:template match="something" XML:space="preserve">

  <!– Празно надвор барањето пријателски филтри поле –>
  <скрипта тип = "text / javascript">
    $(документ).подготвени(функција(){
      $("#QueryFriendlyFilters").val("empty");
    });
  </скрипта>

</XSL:дефиниција>

Дека малку емитува некои го вклучите Javascript што ќе чека за оваа страница да заврши вчитувањето (бидејќи на $(документ).подготвени(...)) а потоа поставува вредноста на поле име QueryFriendlyFilters на буквално вредност "празни".

Пример 2: Користат <XSL:ако> да се провери "поголем од",  "Помалку од", итн.

<XSL:template match="something" XML:space="preserve">

  <div id="fdcAllFilters">
 
    <XSL:if test="@Count>0">
      <span class="fdcFilterLabel">Тековната филтри:</век>
    </XSL:ако>

    <!– повеќе работи се случува тука. –>

</XSL:дефиниција>

Горенаведените програмка проверки за да се види дали атрибут наречен "грофот" на "нешто" елемент е поголема од нула.  На XML зад ова ќе биде нешто како:"

<нешто брои = "5" />

Пример 3: Iterate преку сите елементи, interspersing jQuery повици.

<!– Iterate преку сите филтри и прикажување на вистинската  линкови. –>
<XSL:for-each select="UserFilter">

  <a class="FilterHref" href="javascript:mySubmitPage(‘RemoveUserFilter’,"{@ID}")">[X]</на>

  <span class="fdcFilterLabel"><XSL:value-of select="@FilterValue"/></век>

  <скрипта тип = "text / javascript">

    $(документ).подготвени(функција(){
        <XSL:текст><![CDATA[$("#QueryFriendlyFilters").val( ($("#QueryFriendlyFilters").val() + " ]]></XSL:текст>\"<XSL:value-of select="@FilterValue"/>\"<XSL:текст><![CDATA["));]]></XSL:текст>
    });

  </скрипта>

</XSL:за секој->

Горенаведените програмка е најсложен и таму може да биде полесно начини да го направи тоа.

На XML зад ова изгледа приближно вака:

<UserFilter ID = "123" FilterValue = "xyzzy" />

Овој фрагмент се процесирањето преку <UserFilter> јазли. 

За прв пат емитува сидро таг, кој при кликање повикува на функција го вклучите Javascript која е веќе на страната, "MySubmitPage" и поминува вредноста на атрибутот на <UserFilter> јазол наречен "проект". 

Таа потоа емитира некои jQuery што ќе чека за оваа страница да се вчита.  Дека jQuery надградби поле наречена "QueryFriendlyFilters" со додавање на вредност на FilterValue атрибут.  Имајте на ум сите луди <XSL:текст> и <![CDATA[ ... ]]> работи.

Тоа е тоа, надевам дека тоа им помага!

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Lists.asmx, GetListItems и директориуми

Правев некои истражувања за некој денес целиот веб list.asmx услуги обезбедени како дел од SharePoint 2010 (и порано).  Таа беше во можност да се добие листа предмети на папка (вклучувајќи ги имињата на под-папки), но не можеше да се добие ставки во под-папки.  Јас не некои бараат околу за на Internets и тоа е изненадувачки заеднички прашање.  Сепак,, Не можев да се добие добар одговор на едноставно прашање, "Ако знам дека папката, Како можам да добијам на ставки во папка?"  Да бидам искрен, Не се обидов сето тоа тешко, бидејќи јас сум сакал да дознаам ова на моето за некое време Насмевка.

Да го поставите на овој, Јас создаде сајт наречен "Блогирање сценарија" и обичај листа наречена "Сопствен Листа со под директориуми".  Јас тогаш создаде директориуми именувани:

  • Година 2005
  • Година 2006
  • Година 2007

Јас додадов неколку предмети во папката "Година 2006".  Ова е она што изгледа како:

image

Мојот пријател не е пишување C # кодот туку со употреба на Java, па SOAP пликото беше она што таа навистина потребно.  Да се ​​добие дека, Напишав малку на jQuery и потоа се користи свирач да го добиете вистинскиот за HTTP разговор.

Тука е релевантен jQuery (Јас копирани го кодот долу, ако сакате да направите копирај / вметни):

image

Тие прво Клучот е да го вклучите двете <queryOptions> и <QueryOptions> јазол.  Вториот клучен е дека <Папка> јазол е URL-то на кој клиентот има пристап.

Може да има други начини да се добие оваа, но тоа добро работеа за мене, кога со користење на веб.

Тука е SOAP плико за горенаведените:

<soapenv:Плик xmlns:soapenv =’HTTP://schemas.xmlsoap.org / сапун / плик /’>                
  <soapenv:Тело>
    <GetListItems xmlns =’
HTTP://schemas.microsoft.com / SharePoint / сапун /’>
      <listName>Прилагодено Листа со под директориуми</listName>
      <viewFields>  
        <ViewFields>
          <FieldRef Име = "Наслов’ />
          <FieldRef Име = "EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <Папка>
HTTP://demoserver1/Blogging Сценарија / листите / прилагодување по желба Листа со под директориуми / 2006 година</Папка>
        </QueryOptions>
      </queryOptions>
   
</GetListItems>
  </soapenv:Тело>
</soapenv:Плик>

А многу примери и дискусија околу ова ме натера да верувам дека сè што ми треба е <QueryOptions> и наведете име за папката.  За мене, Ми треба да и ставете го во <queryOptions> како и да определи целосно квалификувани URL за <Папка> јазол.

Тука е jQuery AJAX подесување:

$(документ).подготвени(функција() {
       var soapEnv =
           "<soapenv:Плик xmlns:soapenv =’HTTP://schemas.xmlsoap.org / сапун / плик /’> \
               <soapenv:Тело> \
                    <GetListItems xmlns =’HTTP://schemas.microsoft.com / SharePoint / сапун /’> \
                       <listName>Прилагодено Листа со под директориуми</listName> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef Име = "Наслов’ /> \
                              <FieldRef Име = "EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <Папка>http://demoserver1/Blogging Сценарија / листите / прилагодување по желба Листа со под директориуми / 2006 година</Папка> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:Тело> \
           </soapenv:Плик>";

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Lists.asmx, GetList и "Вредноста не може да биде нула”

Ги открив денес дека GetList() метод во lists.asmx веб сервис треба да се викаат многу внимателно или тоа е склони да се фрли една мистериозна "Вредноста неможе да биде" исклучок (и тоа е под претпоставка дека може да добие минато дури и полошо генерички порака за грешка, “Exception of type ‘Microsoft.SharePoint.SoapServer.SoapServerException’ беше фрлена. ")  Специјално, Сфатив дека не можете да обезбеди било кој вид на префиксот на GetList метод.  Следниве jQuery програмка илустрира поентата:

image

Ако го направите тоа, на веб сервисот одговара со "Вредноста не може да биде нула", како на овој свирач-предвидени HTTP препис:

<?XML верзија = "1,0" кодирање = "UTF-8"?>
  <сапун:Плик
     xmlns:сапун ="
HTTP://schemas.xmlsoap.org / сапун / плик /"    
     xmlns:XSi = "
HTTP://www.w3.org/2001/XMLSchema-instance"
     xmlns:XSD ="
HTTP://www.w3.org/2001/XMLSchema">

  <сапун:Тело>
    <сапун:Грешка>
      <faultcode>сапун:Сервер</faultcode>
      <faultstring>
        Exception of type ‘Microsoft.SharePoint.SoapServer.SoapServerException’ беше фрлена.
      </faultstring>
      <детали>
        <errorstring xmlns ="
HTTP://schemas.microsoft.com / SharePoint / сапун /">
Вредност не може да биде нула.
        </errorstring>
      </детали>
    </сапун:Грешка>
  </сапун:Тело>
</сапун:Плик>

Се разбира, најверојатно не би додал дека "s0" префикс на свој, но некои алатки се склони да го направи тоа (како Eclipse).

Ова е сè повеќе и повеќе збунувачки / фрустрирачки, бидејќи други методи толерира префикси.  На пример, на GetListCollection метод не му пречи, ако тоа е се со префикс, дури и со глупости префикси како "xyzzy":

image

Овој "вредност не може да биде нула" се чини доста заедничко со lists.asmx па се надевам дека ова ќе помогне на некој во иднина.

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Бесконечно гнезди <div> Тагови и jQuery

Ова изгледа како таква шантав тема, Не сум сигурен дека тоа е навистина вреди да се блогирање за, но тоа никогаш не ме спречи пред, па тука ќе одиме Насмевка

Јас работам надвор на еден проект каде што јас сум ги влече некои податоци од пребарување, пакувањето, тоа до во XML порака, а потоа дека XML е во крајна линија трансформира во HTML преку XSLT.  Има многу на jQuery вклучени, една малку на кој се спроведува некои tabbing функционалност.  Кога ќе кликнете на табот (навистина, на <div>), jQuery повикува. скриј() и. шоу() на различни divs (почетна страница оптоварување симнува сите содржини, така нема postbacks во овој случај).

Еден куп на часови, табот префрлување логика почна да се однесува неконтролирано и тоа не би се покаже еден од моите табови.  Јас конечно го следи се сведува на фактот дека Internet Explorer (најмалку) мислев дека <div> тагови вгнездени далеку, далеку подлабоко од intended.The инвеститорот алатникот ќе покаже:

-<div id = "Tab1Content">
  -<div>
    -<div>
      -<div id = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-Конечно да го покажат тоа беше затворен целиот пат тука!

Така, ако направив $("# Tab1Content").Скриј(), Исто така јас се кријат Tab2 и јас никогаш не може да покаже Tab2 ако јас не се исто така покажуваат Tab1.  Јас копирани и атипичен кодот нагоре во Visual Studio и покажа на сите поставата на div е убаво, исто како и тие требаше да се прави, изгледа вака:

-<div id = "Tab1Content">
  +<div>
  +<div>
-<div id = "Tab2Content">
  +<div>
  +<div>

Јас победи мојата глава против ѕид за време и забележав дека во конкретната HTML кодот е генерирање на многу празни <div> тагови, како:

<тело>

  <div id = "Tab1Content">

    <div id = "row1" />
    <div id = "row2" />

  </div>

  <div id = "Tab2Content">

    <div id = "row1" />
    <div id = "row2" />

  </div>

</тело>

(Погоре е waaaaaaaaaaaay над поедноставени.  Празните div тагови кои се целосно валидни. Некои од моите <div> тагови беа полни со содржина, но многу повеќе не беа.  Дојдов до сознание дека ми <XSL:за секој-> директиви се емитуваат на краток форма div тагови кога XSL:за-секој не 'најдат никакви податоци.  Јас принудени на HTML коментар во производство, како што е прикажано:

image

 

По го сторив тоа, сите div е построи убаво и ми јазиче префрлување започна со работа.

Како и секогаш, Се надевам дека ова им помага на некој во краен случај.

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Уште повеќе jQuery–Промени големина на слика Пример

Јас наследи веб дел од стариот продавач на клиентот и тоа има големината на сликата проблем.  Сликите треба да бидат 60×50 но за некои чудни причина, оригиналниот продавач ги принудувал во 42×42, па тие да изгледа стеснето:

 

Добра слика

Лоша слика

Еве за Селектирај (малку поедноставена):

<маса класа = 'продолжен Outlook'>
  <thead>
    <tr>
      <та  width = '100′>3 Вторник</та>
    </tr>
  </thead>

  <tbody>
    <tr класа = 'прогноза'>
      <ТД width = '100′>
        <Улица>
          <Ли класа = "високо">Високо: 72&сте;F</Ли>
          <Ли класа = 'ниски'>Ниско: 44&сте;F</Ли>
          <Ли класа = "состојба">Сонцето
            <img src =’
HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ height = '42’ alt =” />
          </Ли>
        </Улица>
      </td>
    </tr>

  </tbody>

</маса>

Ќе се напомене дека иако патот кон сликата сама по себе покажува соодветна димензија (60×50) оригиналниот продавач беше принуден во 42×42.  Зошто?  Луди.

Како и да е, Сакав брзо и лесно решение на ова прашање и се свртев jQuery.  Трикот е да го лоцира сите на соодветни <img> тагови.  Јас не сакам да мотам со било која друга IMG тагови (на кои има многу).  Ова малку на jQuery не е доволно:

<скрипта тип = "text / javascript" src ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></скрипта>

<скрипта тип = "text / javascript">
     $(документ).подготвени(функција () {

         $(‘li.condition > img ').секоја(функција (индекс, содржина)
           
{
             $(содржина).CSS("Ширина", "60"); 
             $(содржина).CSS("Висина", "50");
            });
     }); // на документот оптоварување
</скрипта>

Тоа малку на кодот наоѓа колекција <Ли> тагови чија класа е "состојба" и <img> деца.  Таа потоа iterates преку сето тоа.  Работел како шарм.

Јас веројатно би можеле да го насочат, но никогаш не бев вид на Unix дечко кој реши π да 18 цифри прецизност користење на сед и awk и јас не сум таков вид ако jQuery дечко или Насмевка.

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Спроведување на Глобал Pop-up известување систем

Напишав статија за www.sharepoint.briefing.com насловен како "Спроведување на Глобал Pop-up известување систем."  Оваа функција беше спроведен за една заедница колеџ, за да комуницира училиште closings поради снегот и така натаму. 

Тоа го користи сопствени листа, надвор од кутијата SharePoint веб услуги, а некои jQuery да ја завршат работата.

Тука е закачка:

image

Прочитај ја целата работа овде: http://www.sharepointbriefing.com/features/article.php/3918471/Implement-a-Global-Pop-up-Notification-System.htm

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin

Ја преземат контролата на вашиот ред и Откажи копчиња

Напишав овој член време назад, но изгледа како јас не водат до него од мојот блог во времето, па тука се:

image

Оваа статија опишува како да ги принуди newform.aspx да се пренасочува кон една страница кога корисникот ќе кликне OK и друга страница, кога таа кликне откажете.

</крајот>

Да се ​​претплатите на мојот блог.

Следете ме на Twitter во http://www.twitter.com/pagalvin